css - Freeze screen in chrome debugger / DevTools panel for popover inspection? -
i'm using chrome inspector try , analyze z-index
of twitter bootstrap popover, , finding extremely frustrating...
is there way freeze popover (while shown) can assess , modify associated css?
placing fixed 'hover' on associated link not cause popover appear.
got working. here procedure:
- browse desired page
- open dev console - f12 on windows/linux or option + ⌘ + j on osx
- select
sources
tab in chrome inspector - in web browser window, hover on desired element initiate popover
- hit f8 on windows/linux (or fn + f8 on osx) while popover showing. if have clicked anywhere on actual page f8 nothing. last click needs somewhere in inspector, sources tab
- go
elements
tab in inspector - find popover (it nested in trigger element's html)
- have fun modifying css
Comments
Post a Comment