如何在我的 Galaxy S3 Android 设备上的 Chrome 中执行检查元素？
我已经在网上尝试了一些指南，其中一个说使用这个 android SDK 东西来运行 adb forward tcp:9222 localabstract:chrome_devtools_remote，但所说的只是“错误：找不到设备”。
有人对如何做到这一点有任何想法吗？
问问题
172472 次
8 回答
37
您现在可以在不使用 Android SDK 的情况下执行此操作。
在最新版本的 chrome 中（我正在使用 34.0.x）：
- 导航
chrome://inspect/ - 查看
Discover USB Devices - 通过 USB 插入手机。应该会出现一个弹出窗口，请求允许连接到您的计算机。接受。
chrome://inspect/现在，您手机的页面上会出现一个项目，您可以单击inspect。开发工具将产生并瞧！
于 2014-04-14T18:05:53.743 回答
21
使用 Chrome 在 Android 上进行远程调试：试试这个https://developer.chrome.com/devtools/docs/remote-debugging
于 2015-03-24T08:44:14.770 回答
17
更新：2015 年 8 月 20 日
请注意，自从2年前提出此问题以来，说明已更改。
因此，在较新版本的 Android 和适用于 Android 的 Chrome 上。你需要使用这个。
https://developers.google.com/web/tools/setup/remote-debugging/remote-debugging?hl=en
原答案：
我有 S3，它工作正常。我发现一个常见的错误是没有在 Chrome 移动设备中启用 USB 调试。您不仅必须在开发者选项下启用设备本身的 USB 调试，还必须转到手机上的 Chrome 浏览器并在那里的设置中启用它。
用 SDK 试试这个
- Chrome for Mobile - 设置 > 开发者工具 > [x] 启用 USB Web 调试
- 设备 - 设置 > 开发者选项 > [x] USB 调试
- 将设备连接到计算机
通过执行以下命令在您的计算机上启用端口转发
C:\adb forward tcp:9222 localabstract:chrome_devtools_remote
转到http://localhost:9222计算机上的 Chrome
故障排除：
如果您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，然后再试一次。
于 2013-05-08T10:44:03.507 回答
9
首先，您需要 Android SDK 才能开始： http: //developer.android.com/sdk/index.html但选择现有 IDE，以便您获得工具而不是所有 Android Studio。
在 Android 设备上的 Chrome Beta 中执行以下操作：
菜单 > 设置 > 开发者工具 > 启用 USB 调试
点击设备上的主页键，然后转到设置 > 开发人员选项 > 启用 USB 调试
[注意：如果您看不到开发人员选项，请转到设置 > 关于设备 > 然后多次点击内部版本号，最终您会看到一条消息，说明您现在是开发人员或类似内容]
通过 USB 将手机连接到计算机
在您的桌面上打开 Chrome Canary（我认为目前稳定版和 Beta 版存在问题）：
在地址栏中输入：chrome://flags 并启用 - “启用开发人员工具实验”，然后点击出现的重新启动按钮。
重新启动后，打开终端并运行 adb devices，您现在应该会看到您的设备出现在列表中。如果有，在 Canary 中转到 chrome://inspect，您将看到您的设备，所以现在单击检查。
这将为您在 Android 上的 Chrome 打开开发工具。
现在点击角落里的 cog，然后转到 Experiments > Enable Port Forwarding（如果你没有看到端口转发，你可能不在 Chrome Beta 中）
启用端口转发后，关闭并打开开发工具。
返回到 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
于 2013-08-01T13:21:03.620 回答
1
主要按照这里的指南https://developers.google.com/chrome-developer-tools/docs/remote-debugging。但 ...
- 对于三星设备，不要忘记安装三星凯斯。
- 对我来说，它只适用于Chrome Canary，不适用于 Chrome。
- 您可能还需要安装 Android SDK。
于 2014-01-31T14:04:47.743 回答
1
我有一个 S3 并使用了 Google 的本指南：
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
真的很简单，完美运行。
于 2013-09-04T16:20:00.037 回答
0
我无法做到这一点，而是使用 Play Store 上可用的 view html 源应用程序来简单地查找元素。
于 2013-02-06T16:38:26.670 回答
0
请记住，如果您想在 Windows 中使用 chrome inspect，除了在您的移动设备上启用 USB 调试外，您还应该安装适用于 Windows 的 USB 驱动程序。
您可以从此处的列表中找到所需的驱动程序：
http://androidxda.com/download-samsung-usb-drivers
此外，您应该使用比桌面版本更新的 Chrome 移动版。
于 2014-12-17T15:33:42.953 回答