Chrome DevTools broken - Stetho unusable

Question

Stetho and Google Chrome DevTools have become unusable after a macOS update (I doubt that macOS update is the origin of this bug, but I prefer to mention it).

Here is the appearance of DevTools after the open of "inspect mode" on a device (provided by Facebook Stetho library for Android & OKHttp).

There are no longer "CSS" stylesheets on the page and fonts have changed. Many tab pages aren't displayed (i.e. Network Requests), I only have access to some error messages :

There were 84 bytes that were not consumed while processing request 4
There were 84 bytes that were not consumed while processing request 5
There were 84 bytes that were not consumed while processing request 6
Failed to clear temp storage: undefined

I followed instructions on this issue : Failed to clear temp storage and this one : Failed to clear temp storage: SecurityError in Chrome but I haven't been able to fix the problem.

Here is what I tried :

• Uninstall and reinstall Chrome with AppCleaner
• Remove chrome cache from disk
• Remove chrome profiles from ~/Library/Application\ Support/Google/Chrome
• Create and use a new Chrome profile
• Try to connect on Firefox distant debug (unfonctionnal)
• Restart system

Have any of you ever encountered this problem ? Thanks !

Answer 1

You should downgrade Chrome. Problem with the latest Chrome/Chromium release https://github.com/facebook/stetho/issues/696

Answer 2

As a workaround you can use other browser based on Chromium, for example:

• Microsoft Edge https://www.microsoft.com/edge

• Brave https://brave.com/

where you can also use chrome://inspect/#devices address to check your database content.

The biggest disadvantage at this moment is that you cannot view the shared preferences (which was possible on Chromium 88)