2 ways to copy tooltip text from a web page

There are times when I've wanted the tool-tip text that appears on hovering over a link or an icon within a web page. The cumbersome way is to select the object that has the tooltip and then use Inspect element option in Chrome (as shown in the animated GIF below) or open Developer Tools (F12 keyboard shortcut in popular browsers) select the element containing the tooltip and grab the desired text from HTML code.
Inspect Element option in Chrome
I found a simpler option that works with tool-tips on some websites (not all)

Select the word before and after the image containing the tooltip and when the tool tip appears, copy the selected text. Copy it from the clipboard and remove the extra words after you paste
Select tooltip & its surrounding words, copy & paste
I've tested this crude trick in IE 11, Firefox 34 and Chrome 39 (all on Windows)

(The animated GIFs were generated using the ScreenToGif open-source tool)

Comments