Adobe Edge Inspect (https://creative.adobe.com/products/inspect)是调试所有移动设备IOS和Android(虽然没有Windows Phone)的另一种方式。它使用weinre进行远程DOM检查/更改。它不是最快的方法，但在Windows上有效。

注意:我与Ghostlab的创造者Vanamco没有任何联系。

能够调试chrome特有的问题对我来说很重要，所以我开始寻找一些可以帮助我解决这个问题的东西。最后我很高兴地把钱花在了《Ghostlab 3》上。我可以测试Chrome和Safari移动浏览器，就像我在桌面上浏览它们一样。它只是给我一个LAN地址，用于我想调试的任何设备。每个使用该地址的应用程序都将出现在Ghostlab的列表中。

强烈推荐。

Chromium上有一个开放的bug: https://bugs.chromium.org/p/chromium/issues/detail?id=584905

不幸的是，他们依赖于苹果在WKView中打开一个API来实现这一点，之后可能会从Safari中调试。

Vorlon.JS可以用于iOS或任何其他客户端远程调试。

只需要使用npm i -g vorlon全局安装它 使用vorlon启动服务器 服务器正在运行时，在浏览器中打开http://localhost:1337以查看Vorlon.JS仪表板 最后一步是通过添加这个script标签到你的应用程序来启用Vorlon.JS: < script src = " http:// < yourExternalIP >: 1337 / vorlon.js " > < /脚本> 所有连接的客户端，如iPhone, Android将在Vorlon.JS仪表板的客户端列表中可用

注意，这种方法也可以用ngrok来调试不在本地主机上运行的应用程序。详情见https://stackoverflow.com/a/45443203/2073920。

免责声明

我只是一个用户，我没有隶属于Vorlon.JS和ngrok

所选答案仅适用于Safari。目前还不可能在iOS上的Chrome中进行真正的远程调试，但与大多数移动浏览器一样，你可以使用WeInRe进行一些简单的调试。它的设置需要一些工作，但是可以让您检查DOM、查看样式、更改DOM和使用控制台。

设置:

安装nodejs 安装-g weinre weinre——boundHost -all- 打开http://{wifi-ip-address}:8080/并复制目标脚本代码 将脚本标记粘贴到页面中(或使用bookmarklet) 单击指向调试客户端用户界面的链接(http://{wifi-ip-address}:8080/client/#anonymous) 当你在Clients下面看到一条绿色的线时，表示浏览器已经连接

bookmarklet的安装有点麻烦。如果你在台式机和移动版Chrome上都开启了书签同步功能，那就最简单了。从本地weinre服务器复制bookmarklet url(如上所示)。不幸的是，它不能工作，因为它的url编码不正确。打开JavaScript控制台，输入:

copy(encodeURI('')); // paste bookmarklet inside quotes

现在剪贴板中应该有url编码的书签。将其粘贴到移动书签下的新书签中。就叫它weinre吧，或者简单点的。它应该是同步到你的手机相当快，所以加载你想要检查的页面。然后在url栏中输入书签名称，您应该会看到bookmarklet作为一个自动完成建议。点击它来运行bookmarklet代码:)

iOS WebKit调试代理是最简单的解决方案-调试和实时预览直接在Chrome。