简体繁体 English

在iOS chrome上调试网站

[英]Debugging website on iOS chrome

原文 2016-01-26 16:05:56 6 2 debugging/ testing/ mobile-development

Ive got a bug that only shows up in mobile chrome browser on my iphone - iOS8. Ive有一个仅在我的iPhone-iOS8上的移动Chrome浏览器中显示的错误。 Whats odd is that the same bug doesn't show up in iOS8 safari on the same phone. 奇怪的是，相同的错误没有出现在同一部手机的iOS8野生动物园中。

I want to debug the issue in the chrome browser but can only find info on debugging safari, is there a way to debug ios Chrome ? 我想在Chrome浏览器中调试该问题，但只能找到有关调试Safari的信息，有没有一种方法可以调试ios Chrome？

2 个解决方案

To debug Chrome on iOS I use weinre and ngrok 要在iOS上调试Chrome，请使用Weinre和ngrok

Weinre will give you a local debugger on a local port https://people.apache.org/~pmuellr/weinre/docs/latest/ Weinre将在本地端口https://people.apache.org/~pmuellr/weinre/docs/latest/为您提供本地调试器

ngrok creates a proxy to a port on you comp (point to weinre) https://ngrok.com/ ngrok为您的comp上的端口创建代理（指向weinre） https://ngrok.com/

then change the weinre tag to the ngrok generated one and you will get logs and the DOM while debugging remotely 然后将weinre标记更改为ngrok生成的标记，然后在远程调试时将获得日志和DOM

You could try to install 'Responsive Web Design Tester' extension in a Chrome browser in PC and test with the same iPhone model you have. 您可以尝试在PC的Chrome浏览器中安装“ Responsive Web Design Tester”扩展程序，并使用相同的iPhone型号进行测试。

https://chrome.google.com/webstore/detail/responsive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg?hl=en https://chrome.google.com/webstore/detail/sensitive-web-design-tes/objclahbaimlfnbjdeobicmmlnbhamkg?hl=zh-CN