Menu
This worked well and the problem started happenning about two weeks ago.
I run a Chrome on a Windows 10 computer. I have already tried uninstalling, and then reinstalling Chrome since the issue started. No change.
This is what happens:
1) I start Android emulator 2) Run my cordova app in it 3) Go to chrome://inspect and click on the link for my running app on emulator. It is listed ok, that works. 4) The DevTools window opens, but it does not show all the information as it did. I see half of the screen blank. The menu tabs sometimes don't show, I have to minimize, then maximize, then they MAY show. There are no scrollbars for any of the content panels so I cannot actually see anything useful.
I tried clicking on the gear icon in the top right of the screen, to open Settings, and see if changing something there would fix it. Nothing. The settings window opens but it will ONLY show the links on the left to the settings areas. The right side where the settings controls should be, is completely blank.
I have created a new emulator and the same happened.
I have Android Studio 3.0.1
I tried inspecting the devtools with shift-ctrl-j
It is showing some strange errors. As if it was loading an older version of itself:
Please help, I need to use this to debug my cordova app during development and I don't know what else to do. Thank you.
948
Chrome's developer tools offer an emulator, not an actual phone or tablet, to simulate your website on any given mobile device. This 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.
Open an Android WebView in DevTools To display a list of the Android WebViews with debugging turned on that run on your device, go to edge://inspect . To start debugging, under the Android WebView you want to debug, click inspect. Use DevTools in the same way that you use a remote browser tab.
# Open the Issues tab Open 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.
WebView DevTools is a developer tools to debug WebView in Beta. Recently, Google announced WebView DevTools, which is a new set of on-device debugging tools to diagnose WebView-caused crashes and misbehaving web platform features. Well, WebView DevTools comes included as part of WebView itself.
As explained in Kayce Basques's answer, this is due to a problem with versions of Chrome since 63.
The solution is to use an older version of Chromium.
Here are the download links for the the latest version of Chromium (version 62.0.3202.94, branch base position 499098) which support it:
Feel free to edit this post to add the links for other platforms.
81
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
