0

Is there a solution to debug a browser on specific state ?

Introducing an example:

I want to use typeahead.js along with twitter bootstrap 3, but there are no styles available for that plugin. So I wish to style it by using a Google Chrome DevTool (F12).

When I start typing, there is a floating block which appears with suggestions, i want to do a Right-Click on it and inspect its elements, but whenever I do my Right-Click, that content dissappears.

And here comes the question - can I freeze a browser so it won't let the js to do it's job, therefore I could inspect that floating window ?

enter image description here

aspirinemaga
  • 3,753
  • 10
  • 52
  • 95

1 Answers1

1

yes you can right click on the element in the DOM tree and force the element state. See :hover state in Chrome Developer Tools

you could also set a dom breakpoint: how to set DOM Breakpoints in chrome

you could also place a breakpoint in the code: Set a javascript breakpoint in code - in chrome?

or a js breakpoint: http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

Community
  • 1
  • 1
vimes1984
  • 1,684
  • 3
  • 26
  • 59