iOS远程调试

Question

随着最近发布的Chrome for iOS，我想知道如何为Chrome iOS启用远程调试？

更新：随着iOS 6的发布，现在可以使用Safari进行远程调试。

Answer 1

即使我正在寻找相同的功能，截至今天，它还没有实现。我可以想到两个选择，

1. 我注意到Chrome和Safari的行为完全相同; Chrome甚至支持Safari支持的陀螺仪和其他相关事件。我正在调试我的Web App，方法是在Safari上启用调试控制台（通过设置 - > Safari）
2. 还可以尝试Adobe Shadow，它允许远程调试/检查和同步。

HTH。

Answer 2

Adobe Edge Inspect（https://ngrok.com）是另一种调试所有移动设备IOS和Android的方法（尽管没有Windows Phone）。它使用weinre进行远程DOM检查/更改。它不是最快的方法，但它适用于Windows。

Answer 3

Chromium上有一个漏洞：https://creative.adobe.com/products/inspect

不幸的是，他们依靠Apple在WKView中打开一个API来实现这一点，之后可能会从Safari获得调试。

Answer 4

我正在使用remotedebug-ios-webkit-adapter，适用于IOS和在Windows 10上的Chrome中打开的调试器。

如果它有助于一个https://bugs.chromium.org/p/chromium/issues/detail?id=584905会很高兴

Answer 5

注意：我与Ghostlab创作者Vanamco没有任何关系。

能够调试特定于Chrome的问题对我来说很重要，所以我开始寻找可以帮助我的东西。我最后愉快地把钱扔到了Link。我可以测试Chrome和Safari移动浏览器，就像我在桌面上查看它们一样。它只是给我一个LAN地址，用于我想要调试的任何设备。使用该地址的每个应用程序都将显示在Ghostlab的列表中。

Ghostlab 3

强烈推荐。

Answer 6

免责声明：我在BrowserStack工作。 [确认]是否允许发布此内容（）

在iOS上调试Safari（截至目前不适用于Chrome，请提前阅读以获取更多详细信息。）

这是怎么回事？

• 您需要在BrowserStack上的任何真实设备上启动会话（有模拟器，但您需要在真实设备上启动会话），比如说iPhone 6S - Safari / Chrome（还没有针对Chrome的devtools，但它在我们的路线图上）
• 输入网址
• 您可以触发DevTools来检查BrowserStacks远程设备上打开的网页。我已经分享了下面相同的屏幕。

---

将DevTools与Real Phones一起使用

将鼠标悬停在元素上，编辑HTML，CSS就像桌面浏览器devtools一样。

Can I suggest a product of the company am working at?

---

使用DevTools在真实手机中执行JavaScript

切换到选项卡，执行JavaScript代码，检查Console输出等等...

console.log()

---

网络选项卡，检查请求标头，响应等...

---

在BrowserStack上支持DevTools？

• DevTools适用于： 真实设备 - iOS - Safari（适用于iOS Chrome的DevTools在我们的路线图中） Real Devices - Android - Chrome（目前仅在Android设备上提供Chrome）
• 客户端浏览器需要是Chrome或Firefox。这意味着您需要在MacOSX或Windows上使用Chrome或Firefox浏览器才能使用BrowserStack Real Device DevTools。

注意：您需要购买计划在所有真实设备上进行测试，作为免费用户，您将获得几个Real Android设备（包括平板电脑）和几个Real iOS设备（包括平板电脑）。此外，强调Real Devices这个词，因为它们也提供了模拟器。

有关这方面的更多详细信息，请参阅上的DevTools部分。

Answer 7

打开Safari桌面iOS

开发 - >响应式设计模式

单击设备下的“其他”

粘贴：Mozilla / 5.0（iPad; CPU OS 10_2_1，如Mac OS X）AppleWebKit / 602.1.50（KHTML，如Gecko）CriOS / 56.0.2924.79 Mobile / 14D27 Safari / 602.1

使用Safari检查工具。

Answer 8

许多远程控制台工作正常。 urlString是我的项目，我能够成功调试特定于Crome iOS的问题，而不是在使用它的safari中发生。 （可能还有所有其他移动浏览器）

问题是注入调试代码有点棘手，因为Chrome不允许您安装bookmarklet。

相反，您可以打开要调试的页面上的一个选项卡，然后在farjs.com上打开另一个选项卡，然后单击“书签”

复制bookmarklet JS代码，返回第一个选项卡，使用应调试的页面，并将bookmarklet代码粘贴到位置栏中。

最后一步是滚动到位置栏的开头并添加“javascript：”，因为Chrome会将其删除。

Answer 9

我推荐http://farjs.com，像weinre一样工作。我喜欢Vorlon的用户界面，它支持Vorlon，我的应用程序是HTTPS，我尝试使用ngrok，ghostlab和vorlon，只有vorlon工作正常。

Answer 10

我没有尝试过，但SSL（ios_webkit_debug_proxy / iwdp）据说可以让你远程调试UIWebView。来自README.md

ios_webkit_debug_proxy（又名iwdp）允许开发人员通过Chrome DevTools UI和Chrome远程调试协议检查真实和模拟iOS设备上的MobileSafari和UIWebViews。 DevTools请求被转换为Apple的远程Web Inspector服务调用。

Answer 11

您还需要关闭“私密浏览”功能。

设置> Safari>私密浏览>关闭

Answer 12

Vorlon.JS最适合iOS或任何其他客户端的远程调试。

1. 只需使用iOS WebKit debug proxy全局安装它
2. 使用npm i -g vorlon启动服务器
3. 在服务器运行时，在浏览器中打开vorlon以查看Vorlon.JS仪表板
4. 最后一步是通过将此脚本标记添加到您的应用来启用Vorlon.JS： http://localhost:1337
5. 所有连接的客户端iPhone，Android将在Vorlon.JS仪表板<script src="http://<yourExternalIP>:1337/vorlon.js"></script>的客户列表中提供

请注意，此方法还可用于调试未使用ngrok在localhost上运行的应用程序。有关详细信息，请参阅

参考

https://stackoverflow.com/a/45443203/2073920

http://vorlonjs.com

放弃

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