Is there any way to debug chrome in any IOS device

D

3

139

Is there any way to debug chrome browser on IOS device?

If there is no way, how i can approach to bug in chrome on ios?

Searched the web and didn't find sufficient answer.

Draught answered 4/7, 2016 at 7:48 Comment(2)

Please provide some useful details of what your issue is. a "bug in chrome" could mean anything. A crash inside the application, an alignment issues with html / css, javascript not working correctly. Depending what your specific issue, there will be different ways to help – Astred 4/7, 2016 at 8:23

Just be aware that the site you're debugging has to run over http. You won't see any output if you are looking at a site whose URL begins "https://". – Cruciferous 1/8, 2020 at 16:7

S

75

Old Answer (July 2016):

You can't directly debug Chrome for iOS due to restrictions on the published WKWebView apps, but there are a few options already discussed in other SO threads:

If you can reproduce the issue in Safari as well, then use Remote Debugging with Safari Web Inspector. This would be the easiest approach.
WeInRe allows some simple debugging, using a simple client-server model. It's not fully featured, but it may well be enough for your problem. See instructions on set up here.
You could try and create a simple WKWebView browser app (some instructions here), or look for an existing one on GitHub. Since Chrome uses the same rendering engine, you could debug using that, as it will be close to what Chrome produces.

There's a "bug" opened up for WebKit: Allow Web Inspector usage for release builds of WKWebView. If and when we get an API to WKWebView, Chrome for iOS would be debuggable.

Update January 2018:

Since my answer back in 2016, some work has been done to improve things.

There is a recent project called RemoteDebug iOS WebKit Adapter, by some of the Microsoft team. It's an adapter that handles the API differences between Webkit Remote Debugging Protocol and Chrome Debugging Protocol, and this allows you to debug iOS WebViews in any app that supports the protocol - Chrome DevTools, VS Code etc.

Check out the getting started guide in the repo, which is quite detailed.

If you are interesting, you can read up on the background and architecture here.

Savannahsavant answered 4/7, 2016 at 9:10 Comment(8)

Hi There Thanks for the answer. Currently i am working on ios extension app which is used for password autofill , in this some js file is used so here how can debug those js file? If you have any idea then please know me as i am stucking in the debugging – Trismus 22/1, 2018 at 8:13

@Anita I've updated my answer as it was a little old. Check out the adapter project, as I think this allow you to debug the JS in your app. – Savannahsavant 22/1, 2018 at 22:28

Just wanted to point out that the updated answer is a follow up of option 3 of the old answer. Debugging chrome directly with this adapter is not possible. – Fowl 23/5, 2018 at 16:33

@GideonPyzer What's the point of this question? Couldn't you just set the device to iphone 6 or whatever on Google Chrome on your laptop? – Duteous 31/5, 2018 at 17:44

The RemoteDebug iOS WebKit Adapter is cool. It lets you use Chrome DevTools or other desktop debuggers for sites on your mobile device. But I have not been able to get it to attach to sites on mobile Chrome for iOS - only mobile Safari. Unfortunately, they are displaying different behaviors on a site that I'm working on. And those behaviors only appear on mobile Chrome - not on Chrome Dev Tools in mobile emulation mode. Might have to hack together some sort of console window on the site to figure it out. – Intro 11/9, 2018 at 18:40

The first link (Remote Debugging with Safari Web Inspector) is dead, a backup is available at web.archive.org/web/20171207112510/https://… – Caldron 26/9, 2019 at 10:17

RemoteDebug iOS WebKit Adapter is now dead too :/ In its wake there's the paid product: inspect.dev – Lucaslucca 22/4, 2021 at 14:59

inspect.dev will not inspect chrome on iOS inspectdev.notion.site/… – Bula 22/10, 2021 at 1:20

S

179

If you don't need full debugging support, you can now view JavaScript console logs directly within Chrome for iOS at chrome://inspect.

https://blog.chromium.org/2019/03/debugging-websites-in-chrome-for-ios.html

Chrome for iOS Console

Sled answered 30/3, 2019 at 16:47 Comment(9)

AMAZING. can't believe I was not aware of this. – Duplet 11/4, 2019 at 22:42

When did this get added? This does not work on my old ipad - running Chrome for iOS 71.0.3578.89. – Newmark 16/4, 2019 at 12:28

Just found the answer to my question - it's a new feature in version 73, which requires iOS 11 at minimum. – Newmark 16/4, 2019 at 13:22

Does this still work? I don't see any errors from other tabs on iOS 14.4 with Chrome 87.0.4280.77 – Eon 7/3, 2021 at 10:57

I have the same issue. I cannot see any logs there. Anyone got a sollution? – Manner 21/4, 2021 at 9:3

Same issue on iOS 14.4.2 Chrome 87.0.4280.163 - anywhere we can report this? – Ultann 21/4, 2021 at 18:43

This is working just fine for me. Latest iOS (14.6) and Chrome (91.0.4472.80) as of this writing. – Gorey 7/7, 2021 at 5:18

I wonder why it doesn't work on android :`( – Holocene 22/5, 2022 at 6:58

Unfortunately the logs don't show everything, it doesn't work properly. – Axes 8/3, 2023 at 23:39

S

75

Old Answer (July 2016):

You can't directly debug Chrome for iOS due to restrictions on the published WKWebView apps, but there are a few options already discussed in other SO threads:

If you can reproduce the issue in Safari as well, then use Remote Debugging with Safari Web Inspector. This would be the easiest approach.
WeInRe allows some simple debugging, using a simple client-server model. It's not fully featured, but it may well be enough for your problem. See instructions on set up here.
You could try and create a simple WKWebView browser app (some instructions here), or look for an existing one on GitHub. Since Chrome uses the same rendering engine, you could debug using that, as it will be close to what Chrome produces.