Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Chrome developer tools won't inspect elements within body tag (mac OSX)

Tags:

macos

google-chrome

google-chrome-devtools

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

  • deleting and reinstalling Chrome (latest version)
  • Resetting Chrome to its defaults
  • Restarting my computer
  • refreshing and hard refreshing the page

This is all the information I can get, for any element within the body tag :

enter image description here

like image 749
Leon Avatar asked Apr 23 '18 15:04

Leon

People also ask

How do you inspect element in Chrome on a Mac?

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.

Why does inspect element not working on Chrome?

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.

How do I enable Developer Tools in Chrome on Mac?

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."

1 Answers

It's not a solution but you can do alt+r to refresh devtools and it fixes the problem temporarily.

like image 52
Amituuush Avatar answered Sep 25 '22 00:09

Amituuush
Sign in to Comment

Related questions

Install PhantomJS on MacOs 10.11 El Captian
Android Studio Emulator "/dev/kvm is not found"
Where is pip installed to when using get-pip.py?
How to put psql on the path when using Postgres.app on OS X?
Permissions error when connecting to EC2 via SSH on Mac OSx
Plotting with Octave after most recent MAC OSX update
Rails console can't connect to database
Arrow keys type capital letters instead of moving the cursor
Ways to invoke python and Spyder on OSX
MacOSX Instruments to profile Python code
Make the `say` terminal utility and NSSpeechSynthesizer work with Siri voices
Why does Javascript drop keyUp events when the metaKey is pressed on Mac browsers?
How to portably extend a file accessed using mmap()
easy_install : ImportError: Entry point ('console_scripts', 'easy_install') not found
Does Apple offer TestFlight beta testing for OS X?
AppleEvents: received mach msg which wasn't complex type as expected in getMemoryReference
Check whether app is Login Item under OS X Yosemite
Install Ruby support for VIM on Mac OS X
Mac os on VirtualBox does not recognize Iphone
Build/run iOS Xcode project from Terminal

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!