如何在Galaxy S3 Android设备上的Chrome中执行检查元素？

Question

如何在Galaxy S3 Android设备上的Chrome中执行检查元素？

我已经尝试了一些在线指南，一个说使用这个Android SDK的东西来运行adb forward tcp：9222 localabstract：chrome_devtools_remote，但所有这些都是“错误：找不到设备”。

任何人对如何做到这一点都有任何想法？

Answer 1

您现在可以在不使用Android SDK的情况下执行此操作。

在最新版本的chrome中（我正在使用34.0.x）：

• 导航至chrome://inspect/
• 检查Discover USB Devices
• 通过USB插入手机。应该生成弹出窗口，要求获得连接到计算机的权限。接受它。

现在，您手机的chrome://inspect/页面上会有一个项目，您可以点击inspect。开发工具将产生并瞧！

Answer 2

在Android上使用Chrome进行远程调试： 试试这个https://developer.chrome.com/devtools/docs/remote-debugging

Answer 3

更新：2015年8月20日

请注意，自 2年之前提出此问题以来，说明已更改。

所以在较新版本的Android和Chrome for Android上。你需要使用它。

https://developers.google.com/web/tools/setup/remote-debugging/remote-debugging?hl=en

原始答案：

我有S3，它工作正常。我发现一个常见的错误是没有在Chrome移动设备中启用USB调试。您不仅需要在开发者选项下在设备上启用USB调试，还必须在手机上使用Chrome浏览器并在其中的设置中启用它。

使用SDK

尝试此操作

1. Chrome for Mobile - 设置＆gt;开发人员工具＆gt; [x]启用USB Web调试
2. 设备 - 设置＆gt;开发人员选项＆gt; [x] USB调试
3. 将设备连接到计算机

4. 通过执行以下命令

   在您的计算机上启用端口转发

   C：\ adb forward tcp：9222 localabstract：chrome_devtools_remote

转到计算机上Chrome中的http://localhost:9222

<强> 故障排除：

如果您在尝试运行command not found时获得ADB，请确保您的路径中有Platform-Tools，或者只使用SDK的整个路径并运行它

C:\path-to-SDK\platform-tools\adb forward tcp:9222 localabstract:chrome_devtools_remote

如果您收到“device not found”，请运行adb kill-server，然后重试。

Answer 4

首先，您需要Android SDK才能开始使用：http://developer.android.com/sdk/index.html但是请选择现有的IDE，这样您就可以获得工具而不是Android Studio。

在Android设备上的Chrome测试版中执行以下操作：

菜单＆gt;设置＆gt;开发人员工具＆gt;启用USB调试

点击设备上的主页键，然后转到设置＆gt;开发人员选项＆gt;启用USB调试

[注意：如果您看不到开发者选项，请转到设置＆gt;关于设备＆gt;然后多次点击Build Number，最终你会看到一条消息，说你现在是开发人员或者类似的东西]

通过USB将手机连接到计算机

在桌面上打开Chrome Canary（我认为稳定和Beta目前存在问题）：

在地址栏中输入：chrome：// flags and enable - “启用开发人员工具实验”，然后点击出现的重新启动按钮。

重新启动后，打开终端并运行adb设备，您现在应该会看到您的设备出现在列表中。如果有，在Canary转到chrome：//检查那里你会看到你的设备，所以现在点击检查。

这将为Android上的Chrome打开devtools。

现在点击角落里的齿轮，然后转到实验＆gt;启用端口转发（如果您没有看到端口转发，则可能不在Chrome测试版中）

启用端口转发后，关闭并打开开发工具。

返回cog并选择Port Forwarding，然后键入要转发的端口（即locahost：我本地计算机上的9000我输入9000 [Device port]和127.0.0.1:9000 [Target]

在第一个端口被忽略的情况下会打开一个错误，因此可能值得在第一行输入enter并在第二行重新输入相同的详细信息。

您现在可以将localhost：9000（或您的端口号）放入Chrome for Android并查看该网站并使用DevTools检查该页面。

此网站的“反向端口转发”部分下的详细信息：https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Answer 5

我有一个S3并使用了Google的这个指南：

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

非常简单，完美无瑕。

Answer 6

主要遵循此处的指南https://developers.google.com/chrome-developer-tools/docs/remote-debugging。但是......

• 对于三星设备，请不要忘记安装Samsung Kies。
• 对我而言，它仅适用于 Chrome Canary ，而不适用于Chrome。
• 您可能还需要安装Android SDK。

Answer 7

我无法完成此操作，而是使用Play商店中提供的查看html源应用程序来简单地查找元素。

Answer 8

请记住，如果要在Windows中使用chrome inspect， 除了在你的手机上启用USB调试之外，你还应该安装适用于Windows的USB驱动程序。

您可以从此处的列表中找到所需的驱动程序：

http://androidxda.com/download-samsung-usb-drivers

此外，您应该使用较新版本的Chrome移动版，而不是桌面版。