当前位置：文江博客话题详情

打开 webkit 远程调试启动移动浏览器

发布于 2024-11-25 17:50:59 字数 1024 浏览 4 评论 0 原文

Paul Irish 和 Pavel Feldman 在 Google I/O 2011：Chrome 开发工具重装上阵引入了新的远程调试功能 - 这是在传递包含在 webkit 中。

——

这是个好消息，特别是对于移动网络开发人员来说。但是我们如何启用它，例如启动 IOS 模拟器，或者只是在 iPhone 上运行 Safari Mobile？ （对于 chrome，这通常是在启动时使用 --remote-debugging-port=9222 选项完成的）。

我尝试在 safari 设置中启用开发人员模式（Settings > Safari > 开发人员 > 调试控制台：ON）但没有成功......

我不知道安卓在这里，但是有谁知道Apple（Safari Mobile）或Google（android的浏览器）何时会包含此新功能，以便我们可以在移动开发中享受远程调试？

谢谢。

参考：http://paulirish。 com/2011/a-re-introduction-to-the-chrome-developer-tools/#comment-63113

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北陌 2024-12-02 17:50:59

iOS 6 上的 Safari
在 iOS6 中，您现在可以从 Safari 6（仅限 OS X）进行远程调试。在设备上，打开“设置”>“野生动物园>高级>启用 Web 检查器。打开 Safari 首选项、高级，选中“在菜单栏中显示开发菜单”。使用 USB 数据线连接您的 iPhone/iPad。现在，在“开发”菜单栏下，您应该会看到一个适合您设备的子菜单，其中包含您在设备上的 Safari 中打开的选项卡。

iOS 7 上的 Safari
除了上述要求外，您还需要 Safari 6.1，目前（2013 年 10 月 8 日）仅作为开发人员的种子提供：https://developer.apple.com/downloads/index.action?name=Safari%206.1

Android 上的 Chrome 4
Android 上的情况稍微复杂一些。有关 Android 版 Chrome 远程调试的说明，请访问：https://developers.google.com/ chrome/mobile/docs/debugging
我还没有找到在Android默认浏览器（v4.04）中启用远程调试的方法。

回复收藏 0 原文

等待圉鍢 2024-12-02 17:50:59

看一下这个 bash 脚本，用 iOS 模拟器启动远程检查器： https://gist.github.com/2241976

回复收藏 0 原文

满栀 2024-12-02 17:50:59

现在Android 版 Chrome 支持此功能。

回复收藏 0 原文

月朦胧 2024-12-02 17:50:59

目前还没有移动浏览器实现 webkit 远程调试协议。（也许您可以获得支持它的 Android 自定义版本）

但是 weinre 为您提供了 Web 检查器的远程版本。但是您必须在页面中包含一些代码才能支持它。（因为它不是浏览器功能）。

Weinre 网站

Weinre github 存储库

回复收藏 0 原文

凤舞天涯 2024-12-02 17:50:59

内森·德弗里斯< /a> 弄清楚了如何在模拟器中运行的 iOS5 上执行此操作。它围绕调用私有 _enableRemoteInspector 方法。

阅读它。摘要如下：

要为 Mobile Safari 启用此功能，请使用 gdb 附加到它并调用方法：

MobileSafari_PID=$(ps x | grep "MobileSafari" | grep -v grep | awk '{ print $1 }')

if [ "$MobileSafari_PID" == "" ]; then
  echo "Mobile Safari.app must be running in the Simulator to enable the remote inspector."
else

  cat <<EOM | gdb -quiet > /dev/null
  attach $MobileSafari_PID
  p (void *)[WebView _enableRemoteInspector]
  detach
EOM

然后通过 http://localhost:9999/ 访问检查器。

使用嵌入式 UIWebView，像这样启用它：

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  // ...Snipped...
  [NSClassFromString(@"WebView") _enableRemoteInspector];
  // ...Snipped...
}

在真实设备上它不起作用，可能是因为端口受防火墙保护 - 如果您有越狱设备，您可能会绕过这个问题（如果您做）。

Nathan de Vries figured out how to do this on iOS5 running in the simulator. It revolves around calling the private _enableRemoteInspector method.

Read it. Summary follows:

To enable this for Mobile Safari, attach to it with gdb and call the method:

MobileSafari_PID=$(ps x | grep "MobileSafari" | grep -v grep | awk '{ print $1 }')

if [ "$MobileSafari_PID" == "" ]; then
  echo "Mobile Safari.app must be running in the Simulator to enable the remote inspector."
else

  cat <<EOM | gdb -quiet > /dev/null
  attach $MobileSafari_PID
  p (void *)[WebView _enableRemoteInspector]
  detach
EOM

Then access the inspector at http://localhost:9999/.

With an embedded UIWebView, enable it like this:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  // ...Snipped...
  [NSClassFromString(@"WebView") _enableRemoteInspector];
  // ...Snipped...
}

On a real device it doesn't work, probably because the port is firewalled - if you have a jailbroken device you may get around that (update us if you do).

回复收藏 0 原文