Forcing all browser tooltips to show simultaneously

Question

I'd like to take a screenshot of a web page showing all of the element tooltips at once. Is this possible?

For clarity, I'm trying to show the native tooltips that Chrome/Firefox show when you hover the cursor over an element. The text is usually taken from the 'title' attribute, or the 'alt' attribute for an image.

The reason is that I need to get the text of many tooltips on a complex page verified, without taking dozens of screenshots. Exporting the text from the HTML isn't suitable, since the tooltips need to be seen in context.

Forcing each element's state to ':hover' doesn't do the trick. That changes the CSS, but doesn't show the tooltips.

A solution that works in either Chrome or Firefox would be great.

Thanks!

Answer 1

This is impossible to achieve. Tooltips is a windows function and windows determined that if another tooltip is shown, the first one has to be removed.

Under the hood, what actually happens, is that the same tooltip is reused. Text is altered, and its position is altered.