Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Inspecting javascript variables as code popups in chrome

Anyone know how you get the yellow popup to appear when inspecting javascript variables in chrome? Apparently you just hover over the variable when the debugger is paused to see a variables current state but for whatever reason I can't get this to work.

If you have no idea what I'm talking about checkout this screenshot:

like image 717
scottmwilliams Avatar asked Mar 30 '13 17:03

scottmwilliams


People also ask

How do I inspect a JavaScript variable in Chrome?

We can then check what values are stored in any variable at that point of time. Click F12 to open Developer Tools in Chrome. Or we can right-click and select Inspect (Ctrl+Shift+I).

How do I view variables in Google Chrome?

Method 1: Iterating through properties of the window object: The window object in JavaScript represents the current browser's window. The properties of this object can be used to find the variables of the Chrome browser. Each of the properties of the window object is first checked with the hasOwnProperty() method.


2 Answers

This happened to me before. Just close all Chrome instances or restart it. This should fix the problem.

like image 90
ricardohdz Avatar answered Nov 04 '22 07:11

ricardohdz


I have no idea why this wasn't working but I tired a clean install of chrome on a different user profile on my mac and worked fine. So I went back and dumped all the preferences and application support files and turned off all extension on my profile and it worked!!! So moral of the story do a clean install of Chrome.

like image 28
scottmwilliams Avatar answered Nov 04 '22 07:11

scottmwilliams