search

facebookarchive / stetho

Stetho is a debug bridge for Android applications, enabling the powerful Chrome Developer Tools and much more.
http://facebook.github.io/stetho/
MIT License
12.66k stars 1.13k forks source link

DevTools inspect window doesn't render properly #696

Open AresProductions opened 3 years ago

AresProductions commented 3 years ago

Hello everyone,

I've been using Stetho for over a year in my Macbook Pro (Intel Chip). Since yesterday after I try to inspect my app through the device via Chrome. A badly rendered DevTool window appears which doesn't show anything.

Here's a screenshot: Screenshot 2021-03-04 at 16 34 03

I've tried to use another device already. Restarted my Laptop, re-installed Chrome. Nothing appears to be working anymore. 😞

Any ideas? Thank you in advance.

jnovinger commented 3 years ago

This appears to have broken with the most recent release of Chrome and Chromium, which for me is 89.0.4389.72 on Linux x64. According to the Chrome Releases blog, that appears to be the new stable that was released two days ago.

Apparently, Google does not make older versions of Chrome available after new stable releases, but you can still get old versions of Chromium. I ultimately followed the directions of the Chromium's project Download Chromium page in the "Downloading old builds of Chrome / Chromium" section. This gave me a locally runnable version 88.0.4324.0 of Chromium in which Stetho tools do work.

Release links:

AresProductions commented 3 years ago

That was it! It was driving me crazy for the past 2 days. Let's hope they fix it soon.

Thank you!!! 🥳

jnovinger commented 3 years ago

FWIW, this is the changelog between the two versions: https://chromium.googlesource.com/chromium/src/+log/88.0.4324.0..89.0.4389.0?pretty=fuller&n=10000

I have not yet had a chance to look through it to see what might have caused the issue.

vallividhya commented 3 years ago

Our team is also facing this issue on Chrome for Mac version 89.0.4389.7.

Praeterii commented 3 years ago

I have the same issue on intel mac with 89.0.4389.72. Unfortunatly due to company policy I am not able to downgrade my browser. Can you think of any other workaround?

jingjoeh commented 3 years ago

For me, Using Edge Version 89.0.774.45 instead.

ClarkXP commented 3 years ago

On Linux, using edge dev version 90.0.810.1

NunoPontes commented 3 years ago

Yes, our team is also facing the same issue. We are using Edge as a workaround

something15525 commented 3 years ago

Having this issue as well on Chrome Version 89.0.4389.82 (Official Build) (x86_64)

ehorvat commented 3 years ago

Thank you @jnovinger you're my savior

valeriyo commented 3 years ago

89.0.4389.90 on Mac is still broken. What's the link to the Chrome bug?

xayo69 commented 3 years ago

遇到同样的问题，怎么解决了？

thumbb13555 commented 3 years ago

截圖 2021-03-20 下午12 22 28

It can work on edge, but still broken on Mac's Chrome.

zongxiaomi commented 3 years ago

遇到同样的问题，怎么解决1了？

  1. 降级
  2. 用微软的Edge浏览器
  3. Chromium 浏览器
h3clikejava commented 3 years ago

遇到同样的问题，怎么解决1了？

  1. 降级
  2. 用微软的Edge浏览器
  3. Chromium 浏览器

I've try Chromium by Version 91.0.4458.0 (Developer Build) (x86_64) on Mac 11.2 (20D64) , but still not working

astamato commented 3 years ago

Same issue here, currently using old version of Chrome Version 88.0.4324.192 (Official Build) (x86_64).

Alshayib commented 3 years ago

This appears to have broken with the most recent release of Chrome and Chromium, which for me is 89.0.4389.72 on Linux x64. According to the Chrome Releases blog, that appears to be the new stable that was released two days ago.

Apparently, Google does not make older versions of Chrome available after new stable releases, but you can still get old versions of Chromium. I ultimately followed the directions of the Chromium's project Download Chromium page in the "Downloading old builds of Chrome / Chromium" section. This gave me a locally runnable version 88.0.4324.0 of Chromium in which Stetho tools do work.

Release links:

it's working with me thanks

JuliaC28 commented 3 years ago

This appears to have broken with the most recent release of Chrome and Chromium, which for me is 89.0.4389.72 on Linux x64. According to the Chrome Releases blog, that appears to be the new stable that was released two days ago. Apparently, Google does not make older versions of Chrome available after new stable releases, but you can still get old versions of Chromium. I ultimately followed the directions of the Chromium's project Download Chromium page in the "Downloading old builds of Chrome / Chromium" section. This gave me a locally runnable version 88.0.4324.0 of Chromium in which Stetho tools do work. Release links:

it's working with me thanks

Thanks for the link! But ... may I ask how I can use the files from the link to download the downgraded version of Chrome? My current version doesn't support Stetho either ...

Thank you in advance!

SamTobias commented 3 years ago

Just pointing that Edge doesn't show shared preferences but Chromium 88 does

zekapp commented 3 years ago

Just add a note that the issue hasn't been fixed with the latest Chrome release.

I am using Mac with Google Chrome Version 89.0.4389.114 (Official Build) (x86_64) and the issue still exists.

xayo69 commented 3 years ago

下载Chromium版本 88.0.4324.0（开发者内部版本） （32 位）还是不行

niezhe commented 3 years ago

版本 90.0.4430.72（正式版本） （64 位）这个版本也还是不行，没有解决

valeriyo commented 3 years ago

Chrome 90.0.4430.85 (Official Build) (x86_64) is still broken. F U C K

valeriyo commented 3 years ago

Here is the Chromium bug report --- they have no clue how to even reproduce it https://bugs.chromium.org/p/chromium/issues/detail?id=1187142

JuliaC28 commented 3 years ago

Ok, thank you! 😊

Von: Valeriy @.> Gesendet: Donnerstag, 22. April 2021 01:39 An: @.> Cc: @.>; @.> Betreff: Re: [facebook/stetho] DevTools inspect window doesn't render properly (#696)

Here is the Chromium bug report --- they have no clue how to even reproduce it https://bugs.chromium.org/p/chromium/issues/detail?id=1187142

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/facebook/stetho/issues/696#issuecomment-824433391, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ATO3P2EY53U4TE3LTZIJIETTJ5O2DANCNFSM4YTLZROA.

valeriyo commented 3 years ago

Here is a nice article on how to switch from Stetho to Flipper. Enjoy, you guys!

https://foxum.medium.com/flipper-replaces-stetho-c11d20e81ca0

JuliaC28 commented 3 years ago

Thaaanks 😊

Von: Valeriy @.> Gesendet: Samstag, 24. April 2021 06:25 An: @.> Cc: @.>; @.> Betreff: Re: [facebook/stetho] DevTools inspect window doesn't render properly (#696)

Here is a nice article on how to switch from Stetho to Flipper.https://fbflipper.com/docs/getting-started/android-native Enjoy, you guys!

https://foxum.medium.com/flipper-replaces-stetho-c11d20e81ca0

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/facebook/stetho/issues/696#issuecomment-826032055, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ATO3P2BU36JCVVLE5FYWAA3TKJB4NANCNFSM4YTLZROA.

e16din commented 3 years ago

Thaaanks 😊 Von: Valeriy @.> Gesendet: Samstag, 24. April 2021 06:25 An: @.> Cc: @.>; @.> Betreff: Re: [facebook/stetho] DevTools inspect window doesn't render properly (#696) Here is a nice article on how to switch from Stetho to Flipper.https://fbflipper.com/docs/getting-started/android-native Enjoy, you guys! https://foxum.medium.com/flipper-replaces-stetho-c11d20e81ca0 — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#696 (comment)>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ATO3P2BU36JCVVLE5FYWAA3TKJB4NANCNFSM4YTLZROA.

Flipper has terrible network logging functionality :(

vusimoy0 commented 3 years ago

I also had this issue. also running MacOS on intel chip. I ended up switching to Brave browser which is also based on chromium. It looks so much better and I can see my Api calls again! You just use brave://inspect and then do the normal Stetho things. Hope this helps.

image

JuliaC28 commented 3 years ago

Thank you so much for helping me out! 😊

Von: Vusi @.> Gesendet: Samstag, 1. Mai 2021 09:53 An: @.> Cc: @.>; @.> Betreff: Re: [facebook/stetho] DevTools inspect window doesn't render properly (#696)

I also had this issue. I ended up switching to Brave browser which is also based on chromium. It looks so much better and I can see my Api calls again! You just use brave://inspect and then do the normal Stetho things. Hope this helps.

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/facebook/stetho/issues/696#issuecomment-830574749, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ATO3P2EV2EIYGWDZT4DJIJDTLOXPHANCNFSM4YTLZROA.

bhavin1994 commented 3 years ago

Thank you so much for helping me out! 😊 Von: Vusi @.> Gesendet: Samstag, 1. Mai 2021 09:53 An: @.> Cc: @.>; @.> Betreff: Re: [facebook/stetho] DevTools inspect window doesn't render properly (#696) I also had this issue. I ended up switching to Brave browser which is also based on chromium. It looks so much better and I can see my Api calls again! You just use brave://inspect and then do the normal Stetho things. Hope this helps. — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#696 (comment)>, or unsubscribehttps://github.com/notifications/unsubscribe-auth/ATO3P2EV2EIYGWDZT4DJIJDTLOXPHANCNFSM4YTLZROA.

yeah but edge and brave not showing sharedpreferences

hbmartin commented 3 years ago

If you're switching to Flipper but want to keep using custom dumpapp plugins, I created a library to help migrate: https://github.com/hbmartin/flipper-plugin-stetho

JuliaC28 commented 3 years ago

Thanks for your Help! Very kind of you :) -------- Ursprüngliche Nachricht --------Von: Harold Martin @.> Datum: 28.05.21 22:40 (GMT+01:00) An: facebook/stetho @.> Cc: JuliaC28 @.>, Comment @.> Betreff: Re: [facebook/stetho] DevTools inspect window doesn't render properly (#696) If you're switching to Flipper but want to keep using custom dumpapp plugins, I created a library to help migrate: https://github.com/hbmartin/flipper-plugin-stetho

—You are receiving this because you commented.Reply to this email directly, view it on GitHub, or unsubscribe.

debashishmahato-muvi commented 3 years ago

Yes same issue. i am also facing. Might be due to new chrome update

debashishmahato-muvi commented 3 years ago

This appears to have broken with the most recent release of Chrome and Chromium, which for me is 89.0.4389.72 on Linux x64. According to the Chrome Releases blog, that appears to be the new stable that was released two days ago.

Apparently, Google does not make older versions of Chrome available after new stable releases, but you can still get old versions of Chromium. I ultimately followed the directions of the Chromium's project Download Chromium page in the "Downloading old builds of Chrome / Chromium" section. This gave me a locally runnable version 88.0.4324.0 of Chromium in which Stetho tools do work.

Release links:

Its working.. for me in Windows . I installed the Chromium .

zhenghuiC commented 3 years ago

下载Chromium版本 88.0.4324.0（开发者内部版本） （32 位）还是不行

用微软的Edge我这边可以

oguz-sahin commented 3 years ago

I installed microsoft edge Version 91.0.864.54 and work perfect dev tools.

teffy commented 2 years ago

Hey, guys, any update here? So We need Edge now?

I'm guided here from j2v8-debugger

Turnsole commented 2 years ago

Hey, guys, any update here? So We need Edge now?

I'm guided here from j2v8-debugger

I've switched to Edge, Chrome + Stetho never worked again for me on any of my machines.

john-rsvp commented 2 years ago

Any progress on this? Any plans on having this fixed?

ashu5398 commented 2 years ago

Why do you guys introduce such bugs and didn't roll them back if you can't fix them? It's been 5 months and still have no updates

vegeta2102 commented 2 years ago

Is there any workaround with new release chrome version?

1gravity commented 2 years ago

Still broken in Chrome (Version 94.0.4606.81 (Official Build) (64-bit)) on Ubuntu: image

Works perfectly with the Brave Browser: image

JohnsonEricAtSalesforce commented 2 years ago

I see this issue is still open and can confirm Stetho will not function with Chrome 95. It will, of course, with Chromium 88.

Stetho would be a valuable tool and much more convenient if it worked with the latest Chromium builds. I reached out to the Chromium project and they have an open issue as well. Stetho is still used in a lot of projects, for now, which are forced to keep Chromium 88 installed because of this issue.

https://bugs.chromium.org/p/chromium/issues/detail?id=1187142#c5

I've been investigating this issue from Stetho's side, but it's still a bit over my head at this time. Does anyone with a background in Stetho have a moment to see what happened in Chrome 89 that broke everything? The Chromium issue thread above might be a great place to ask questions.

baladai commented 2 years ago

The same problem. Why they haven't fixed such an important feature yet? Or haven't found a workaround?

astamato commented 2 years ago

Anyone at Stetho could help take a look? @jasta @mdzyuba @funfoolsuzi -- Since integration with Chrome is broken it would make sense for both parties to work together to figure this out? There hasn't really been updates to Stetho since last April.

hashseed commented 2 years ago

Hi folks,

I lead the Chrome DevTools team. I also commented on the Chromium issue on this matter.

The problem is that from my team's perspective, this is an unsupported use case. We don't have bandwidth to support every product that is based on Chrome DevTools.

That said, I'd be willing to help fix the problem if someone helps me reproduce the issue. I'm entirely unfamiliar with the Android/Java ecosystem, and from what I read in the README, also don't understand how DevTools is integrated in this.

Alternatively, I'd be open to accept patches. Chrome DevTools is open source, after all.

xiaomeng3419 commented 2 years ago

This appears to have broken with the most recent release of Chrome and Chromium, which for me is 89.0.4389.72 on Linux x64. According to the Chrome Releases blog, that appears to be the new stable that was released two days ago.

Apparently, Google does not make older versions of Chrome available after new stable releases, but you can still get old versions of Chromium. I ultimately followed the directions of the Chromium's project Download Chromium page in the "Downloading old builds of Chrome / Chromium" section. This gave me a locally runnable version 88.0.4324.0 of Chromium in which Stetho tools do work.

Release links:

so good

Vanuan commented 1 year ago

It looks like the issue is that DevTools tries to render infinite width viewport and crashes. Maybe somehow the viewport width is not passed correctly from Stetho to DevTools?

Vanuan commented 1 year ago

Maybe has something to do with this experimental feature: https://chromedevtools.github.io/devtools-protocol/tot/Page/#method-startScreencast

It says both maxWidth and maxHeight are optional. But I don't see anywhere they are checked to be null. Also, Java supports Infinity value.

https://github.com/facebook/stetho/blob/7c4dc8de4deb28c012b199ef52b9b5c7ad626793/stetho/src/main/java/com/facebook/stetho/inspector/screencast/ScreencastDispatcher.java#L88-L94

This whole screencasting thing appears to be undocumented and is used internally: https://developer.chrome.com/docs/devtools/remote-debugging/

Maybe something changed with regards to how screencasting works between chrome 88 and chrome 89?