33

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

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

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

4

8 回答 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 试试这个

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

  4. 通过执行以下命令在您的计算机上启用端口转发

    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 回答