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:

  1. browse desired page
  2. open dev console - f12 on windows/linux or option + + j on osx
  3. select sources tab in chrome inspector
  4. in web browser window, hover on desired element initiate popover
  5. 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
  6. go elements tab in inspector
  7. find popover (it nested in trigger element's html)
  8. have fun modifying css

Comments

Popular posts from this blog

How to logout from a login page in asp.net -

Stack level too deep error after upgrade to rails 3.2 and ruby 1.9.3 -