Menu
Why are some scope variables in Chrome Dev Tools greyed out (light purple)?
633
Chrome DevTools allows you to easily see multiple variables throughout your application. Watching variables within Sources keeps you out of the console and focused on improving your code. The Sources panel provides the ability to watch variables within your application. This is located in the watch section of the debugger sidebar.
Warning: This page is deprecated. See following section for up-to-date information: Watch the values of custom JavaScript expressions Chrome DevTools allows you to easily see multiple variables throughout your application. Watching variables within Sources keeps you out of the console and focused on improving your code.
The Developer tab & the tools it provides cannot be used in Publishing Layout or Notebook Layout View. It is normal for that tab not being displayed when in either of those Views, as is the case with several other tabs.
DevTools provides a lot of tools for examining variable values. When you're paused on a line of code, the Scope pane shows you what local and global variables are currently defined, along with the value of each variable. It also shows closure variables, when applicable. Double-click a variable value to edit it.
It appears that the greyed out variables are not enumerable. While paused on a breakpoint run greyedOutVariableName.propertyIsEnumerable('propertyName') and it should return false.
Object.prototype.propertyIsEnumerable()
Thanks to ckocagil on #chromium-support on Freenode for this!
168
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
