如何在Galaxy S III Android设备上执行Chrome中的检查元素?
我在网上试过几个指南,其中一个说使用这个Android SDK来运行adb forward tcp:9222 localabstract:chrome_devtools_remote
,但它说的都是“错误:未找到设备”。
我该怎么做?
如何在Galaxy S III Android设备上执行Chrome中的检查元素?
我在网上试过几个指南,其中一个说使用这个Android SDK来运行adb forward tcp:9222 localabstract:chrome_devtools_remote
,但它说的都是“错误:未找到设备”。
我该怎么做?
6条答案
按热度按时间voj3qocg1#
您现在可以在不使用Android SDK的情况下完成此操作。
在最新版本的Chrome(我正在使用34.0.x)中:
chrome://inspect/
现在,您的手机的
chrome://inspect/
页面上将出现一个项目,您可以单击检查。开发工具将产卵和瞧!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的整个路径并运行它:如果您得到“
device not found
“,请运行adb kill-server
,然后再试一次。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
p4tfgftt4#
主要按照这里的指南https://developers.google.com/chrome-developer-tools/docs/remote-debugging。但是...
nbysray55#
我无法完成这一点,而是使用Play商店上提供的View HTML源应用程序来简单地查找元素。
2lpgd9686#
请记住,如果你想在Windows中使用谷歌Chrome检查,除了在你的移动的上启用USB调试,你还应该安装Windows的USB驱动程序。
您可以从此处的列表中找到所需的驱动程序:
http://androidxda.com/download-samsung-usb-drivers
此外,您应该使用比桌面版更新的Chrome移动的版本。