Menu
Has anyone else experienced problems with chrome developer tools for OSX not showing any elements / html inside the body tag?
I inspect an element as normal, but instead of seeing the html, I just get the body tag, which cannot be expanded or opened in any way (see attached pic). This makes dev tools useless for css debugging.
I have tried
This is all the information I can get, for any element within the body tag :
749
To inspect elements you have to right-click any part of a webpage and click Inspect > Inspect Element. Alternatively, you can press Command+Option+i on your Mac or F12 on your PC to do the same.
It might be a cache issue. After opening Developer Tools(F12) in Chrome, refresh cache by pressing Ctrl + F5. Show activity on this post. There may be another panel open.
To open the developer console window on Chrome, use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac). Alternatively, you can use the Chrome menu in the browser window, select the option "More Tools," and then select "Developer Tools."
It's not a solution but you can do alt+r to refresh devtools and it fixes the problem temporarily.
52
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
