Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Developer Tools for a device messed up

For the last 2 months, Chrome Developer Tools when inspecting a webpage of an Android device on Windows, is completely messed up and unusable. Inspecting a regular website is fine. I tried reinstalling Chrome. Examples:

enter image description here enter image description here

like image 651
wezten Avatar asked Jan 16 '18 09:01

wezten


People also ask

Why Chrome DevTools is inaccurate for mobile testing?

Lurking Dangers in Chrome DevTools for MobileThis emulation is based solely on changing the screen resolution to match the dimensions of the device. Consequently, Chrome's display of your website on mobile may be completely inaccurate.

How do I troubleshoot Chrome developer tools?

# Open the Issues tabOpen DevTools. Click the Go to Issues button in the yellow warning bar. Alternatively, select Issues from the More tools menu. Once you're on the Issues tab, click the Reload page button if necessary.

How do I view Console errors in Chrome?

In Chrome, navigate to View > Developer > JavaScript Console or More Tools > JavaScript Console or press Ctrl + Shift + J. The error console will open. If you don't see any errors try reloading the page. The error may be generated when the page loads.


1 Answers

Issue seems only with emulator with Android 6 or lower. Got this from comment on https://stackoverflow.com/a/48000682/428724.

like image 158
wezten Avatar answered Oct 03 '22 05:10

wezten