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

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

我已经尝试了几个在线指南,一个说使用这个android SDK的东西运行adb转发tcp:9222 localabstract:chrome_devtools_remote,但所有说的是“错误:设备未find”。

任何人有任何想法如何做到这一点?

Solutions Collecting From Web of "我如何在我的Galaxy S3 Android设备上的Chrome中执行检查元素?"

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

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

在最新版本的chrome中(我正在使用34.0.x):

  • 导航到chrome://inspect/
  • 检查Discover USB Devices
  • 通过USB插入手机。 一个popup窗口应该产生询问连接到您的计算机的权限。 接受。

现在,您的手机将会有一个chrome://inspect/ pages项目,您可以点击inspect 。 开发工具将产卵,瞧!

更新:8-20-2015

请注意,自从2年前问这个问题以来,说明已经改变了。

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

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

原始答案:

我有S3,它工作正常。 我发现一个常见的错误是无法在Chrome移动设备上启用USBdebugging。 您不仅需要在开发人员选项下启用设备本身的USBdebuggingfunction,而且还必须使用手机上的Chrome浏览器并在设置中启用它。

试试这个与SDK

  1. Chrome for Mobile – 设置>开发者工具> [x]启用USB Webdebugging
  2. 设备 – 设置>开发人员选项> [x] USBdebugging
  3. 将设备连接到计算机
  4. 通过执行以下命令在您的计算机上启用端口转发

    C:\ adb forward tcp:9222 localabstract:chrome_devtools_remote

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

故障排除:

如果在尝试运行ADBcommand not found ,请确保Platform-Tools位于您的path中,或者仅使用SDK的整个path并运行它

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

如果你得到“ device not found ”,那么运行adb kill-server ,然后再试一次。

首先,您需要Android SDK才能开始: http : //developer.android.com/sdk/index.html但是select现有的IDE,以便获得工具而不是所有的Android Studio。

在Android设备的Chrometesting版中,请执行以下操作:

菜单>设置>开发者工具>启用USBdebugging

点击设备上的主页键,进入设置>开发人员选项>启用USBdebugging

[注意:如果您看不到开发人员选项,请转到设置>关于设备>然后点击构build号码多次,最终您会看到一条消息,说您现在是开发人员或类似人员]

通过USB将手机连接到电脑

在您的桌面上打开Chrome Canary(我认为stable和Beta目前有问题):

在地址栏中键入:chrome:// flags并启用 – “启用开发者工具实验”并点击出现的重新启动button。

重新启动后,打开terminal并运行adb设备,现在应该可以看到您的设备出现在列表中。 如果有,在金丝雀去铬://检查你会看到你的设备,所以现在点击检查。

这将为Android上的Chrome打开devtools。

现在单击angular落中的齿轮,然后转到实验>启用端口转发(如果您没有看到端口转发,则可能不在Chrome Beta中)

一旦启用端口转发,closures并打开开发工具。

回到cog并select端口转发,然后input你想要转发的端口(例如,我的本地机器上的locahost:9000我input9000 [Device port]和127.0.0.1:9000 [Target]

在第一个端口被忽略的地方有一个错误,所以在第一行可能值得打入,在第二行重新input相同的细节。

您现在可以将localhost:9000(或您的端口号)放在Chrome浏览器中,然后查看该站点并使用DevTools检查该页面。

本网站的反向端口转发部分中的更多详细信息: https : //developers.google.com/chrome-developer-tools/docs/remote-debugging

我有一个S3,并使用Google的这个指南:

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

真的很容易,完美的作品。

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

  • 对于三星设备不要忘记安装三星凯斯。
  • 对我来说,它只适用于Chrome Canary ,而不适用于Chrome。
  • 您可能还需要安装Android SDK。

我无法做到这一点,而只是在Play商店中使用查看HTML源应用程序来查找元素。

请记住,如果你想在Windows中使用chrome inspect,除了在你的手机上启用usbdebugging,你还应该安装Windows的usb驱动程序。

您可以从列表中find您需要的驱动程序:

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

此外,您应该使用比桌面版本更新版本的Chrome移动版。