是否可以在Windows 10上调试iOS Chrome?

Tom*_*ter 6 debugging google-chrome ios google-chrome-devtools

如标题所示,我需要在Windows 10的iOS设备(iPod,iPad等)上调试使用移动Chrome打开的网站。我已经通过Chrome DevTools在Windows 10上成功设置了iOS Safari调试(GitHub repo有用的评论))。除了Chrome或Firefox,而不是Safari,我想做同样的事情。可能吗

Rob*_*Boy 5

是的。首先需要节点,然后(在iOS>设置> Safari上启用Web检查器),然后...

  1. 安装weinre sudo npm -g i weinre(或)npm i -g weinre
  2. 奔跑 weinre --boundHost YOUR_IP:PORT
  3. 运行时,将以下脚本粘贴到您的代码中

<script src="http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js"></script>

  1. 通过USB连接iOS设备

  2. 转到http://YOUR_IP_ADDRESS:PORT/client/从要调试您的浏览器(你的电脑),你会看到你的设备。

步骤2错误

如果在步骤2中看到任何错误,请首先通过检查您的IP ipconfig,然后将类似的IP与未使用的空闲端口绑定。例如,我的本地IP是192.168.1.5,因此我使用了相同的空闲端口-192.168.1.5:4576

步骤5错误

如果看不到设备,请尝试myDevice步骤3中向脚本添加名称,如下所示

<script src="http://YOUR_IP_ADDRESS:PORT/target/target-script-min.js#myDevice"></script>

然后在步骤5中,在到达您的设备时,将设备名称添加到URL中,如下所示: http://YOUR_IP_ADDRESS:PORT/client/#myDevice

成功

如果一切运行正常,您将可以检查您的代码,读取indexedDB,session和localStorage并在Console中查看其他开发工具中的输出。

  • 我尝试运行“weinre --boundHost &lt;ip&gt;:&lt;port&gt;”,但不断收到错误“weinre:无法解析boundHost地址:&lt;ip&gt;:&lt;port&gt;”。解决方案是将参数更改为:“weinre --boundHost &lt;ip&gt; --httpPort &lt;port&gt;” (3认同)
  • 我对它如何如此轻松地工作印象深刻。只是有一个问题:运行boundHost命令时出现“ weinre:无法解析boundHost地址”的情况,不得不更改为“ -all-”而不是我的本地IP地址,并且成功在:8080创建了服务器 (2认同)
  • 如果您无权访问代码,weinre 会为您提供一个脚本,您可以输入 url,将脚本注入到正在运行的网站中。例如: `javascript:(function(e){e.setAttribute("src","http://localhost:8080/target/target-script-min.js#anonymous");document.getElementsByTagName("body" )[0].appendChild(e);})(document.createElement("脚本"));void(0);` (2认同)

FLI*_*KER 5

我发现这个链接非常有帮助。

网络上没有其他答案或文章比这更直接了:washamdev

这是一篇冗长的文章,所以我无法将所有内容都放在这里。希望链接不会中断。