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

Question

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

我已经尝试了一些在线指南,一个说使用这个Android SDK的东西来运行adb forward tcp:9222 localabstract:chrome_devtools_remote,但所有这些都是"错误:设备未找到".

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

Answer 1

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

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

• 导航 chrome://inspect/
• 校验 Discover USB Devices
• 通过USB插入手机.应该生成弹出窗口,要求获得连接到计算机的权限.接受.

现在chrome://inspect/,您的手机页面上会有一个项目,您可以点击inspect.开发工具将产生并瞧!

Answer 2

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

Answer 3

更新:2015年8月20日

请注意,自2年前询问此问题以来,说明已更改.

所以在较新版本的Android和Chrome for Android上.你需要使用它.

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然后再试一次.

Answer 4

首先,您需要启动Android SDK:http://developer.android.com/sdk/index.html但是选择现有的IDE,这样您就可以获得工具而不是Android Studio.

在Android设备上的Chrome测试版中,执行以下操作:

菜单>设置>开发人员工具>启用USB调试

点击设备上的主页键,然后转到设置>开发人员选项>启用USB调试

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

通过USB将手机连接到计算机

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

在地址栏中输入:chrome:// flags和enable - "启用开发人员工具实验",然后点击出现的重新启动按钮.

重新启动终端并运行adb设备后,您现在应该会看到您的设备出现在列表中.如果有,在Canary转到chrome://检查那里你会看到你的设备,所以现在点击检查.

这将为Android上的Chrome打开devtools.

现在点击角落里的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

Answer 5

我无法完成此任务，但我使用 Play 商店中提供的查看 HTML 源应用程序来简单地查找该元素。