For hover, I prefer right clicking on the page then clicking inside the devtools, a much faster way to preserve hover over an element and inspect it
Tip: Toggle states (hover, focus, visited, etc.) via Elements panel > Right-click > Force State.pic.twitter.com/OvQteqN0Cs
-
-
-
The main advantage of this is that it lets you force states on multiple elements simultaneously. For triggering states on just 1 element we also have the :hov pane. https://developers.google.com/web/tools/chrome-devtools/css/reference#pseudo-class …
End of conversation
New conversation -
-
-
Web-development with use of Chrome can be only made in MacOS? Your screenshots constantly proove that.
-
This is just what I'm most comfortable with when creating screenshots. I also personally use Chrome on Linux all the time. --- Kayce
- 1 more reply
New conversation -
-
-
That's cool, but how can you do this from the DOM API so that
@Cypress_io can emulate that, or from DevTools Protocol? -
Try the Protocol Monitor for figuring out how DevTools does it >https://twitter.com/ChromeDevTools/status/983768645967818753 …
- 7 more replies
New conversation -
-
This Tweet is unavailable.
-
-
Everytime you tweet I am pushed closer to Chrome. But then I check CPU usage, and open a tab and sit in awe at FF quantum's great speed.
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
-
-
Thanks for the tip, that's way easier than trying to mess with the css in the inspector.
Thanks. Twitter will use this to make your timeline better. UndoUndo
-
Loading seems to be taking a while.
Twitter may be over capacity or experiencing a momentary hiccup. Try again or visit Twitter Status for more information.