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

时间:2018-06-22 11:12:20

标签: ios google-chrome debugging google-chrome-devtools

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

2 个答案:

答案 0 :(得分:4)

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

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

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

  1. 通过USB连接iOS设备

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

步骤2中的错误

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

一起使用了

步骤5中的错误

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

<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中查看其他开发工具中的输出。

答案 1 :(得分:0)

我发现此链接非常有帮助。

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

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