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

t1rydlwq  于 12个月前  发布在  Go
关注(0)|答案(6)|浏览(109)

如何在Galaxy S III Android设备上执行Chrome中的检查元素?
我在网上试过几个指南,其中一个说使用这个Android SDK来运行adb forward tcp:9222 localabstract:chrome_devtools_remote,但它说的都是“错误:未找到设备”。
我该怎么做?

voj3qocg

voj3qocg1#

您现在可以在不使用Android SDK的情况下完成此操作。
在最新版本的Chrome(我正在使用34.0.x)中:

  • 导航到chrome://inspect/
  • 检查 * 发现USB设备 *
  • 通过USB插入手机。一个弹出窗口应该要求允许连接到您的计算机。接受现实吧

现在,您的手机的chrome://inspect/页面上将出现一个项目,您可以单击检查。开发工具将产卵和瞧!

m4pnthwp

m4pnthwp2#

请注意,自提出此问题以来,说明已发生变化。
因此,在 * 更新 * 版本的Android和Chrome for Android上。你得用这个
https://developers.google.com/web/tools/setup/remote-debugging/remote-debugging?hl=en

原始答案:

我有S III,它工作得很好。我发现一个常见的错误是没有在Chrome移动的中启用USB接口。你不仅要在开发者选项下启用设备本身的USB调试,还必须转到手机上的Chrome浏览器,并在那里的设置中启用它。
用SDK试试这个:
1.移动的版Chrome- * 设置 * → * 开发人员工具 * → *[x]启用USB Web调试 *
1.设备- * 设置 * → * 开发人员选项 * → *[x] USB调试 *
1.将设备连接到计算机
1.通过执行以下命令在计算机上启用端口转发
C:\adb forward tcp:9222 localabstract:Chrome_devtools_remote
在电脑上的Chrome中转到http://localhost:9222

  • 故障排除:*

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

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

如果您得到“device not found“,请运行adb kill-server,然后再试一次。

p1iqtdky

p1iqtdky3#

首先,您需要Android SDK来开始:http://developer.android.com/sdk/index.html * 但 * 选择现有IDE,以便您获得工具而不是Android Studio的全部。
在Android设备上的Chrome测试版中执行以下操作:
菜单→ * 设置 * → * 开发者工具 * → * 启用USB接口 *
点击设备上的Home键,然后转到 * 设置 * → * 开发人员选项 * → * 启用USB接口 *。
(Note:如果您看不到开发者选项,请转到 * 设置 * → * 关于设备 *。然后点击Build Number多次,最终你会看到一条消息,说你现在是开发人员或类似的东西。
通过USB将手机连接到电脑。
在桌面上,打开Chrome Canary(我认为稳定版和Beta版目前存在问题):
在地址栏中键入:Chrome://标记并启用-“启用开发者工具实验”,然后点击出现的重新启动按钮。
一旦它重新启动,打开一个终端并运行adb devices。您现在应该看到您的设备出现在列表中。当它有,在金丝雀去Chrome://检查那里你会看到你的设备,所以现在点击检查。
这将为您的Chrome在Android上打开devtools。
现在点击角落里的齿轮,然后转到 * 实验 * → * 启用端口转发 *(如果你没有看到端口转发,你可能不是在Chrome测试版)。
启用端口转发后,关闭并打开开发工具。
返回到齿轮并选择 * 端口转发 *。然后键入要转发的端口(例如,对于本地计算机上的localhost:9000,我会键入 9000 [Device port]127.0.0.1:9000 [Target]
有一个bug打开,第一个端口被忽略,所以可能值得在第一行按回车键,然后在第二行重新输入相同的细节。
您现在可以将 localhost:9000(或您的端口号)放入Chrome for Android中,查看网站并使用DevTools检查页面。
更多详细信息在本网站的反向端口转发部分:https://developers.google.com/chrome-developer-tools/docs/remote-debugging

p4tfgftt

p4tfgftt4#

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

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

nbysray55#

我无法完成这一点,而是使用Play商店上提供的View HTML源应用程序来简单地查找元素。

2lpgd968

2lpgd9686#

请记住,如果你想在Windows中使用谷歌Chrome检查,除了在你的移动的上启用USB调试,你还应该安装Windows的USB驱动程序。
您可以从此处的列表中找到所需的驱动程序:
http://androidxda.com/download-samsung-usb-drivers
此外,您应该使用比桌面版更新的Chrome移动的版本。

相关问题