`
MyEyeOfJava
  • 浏览: 1156616 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
7af2d6ca-4fe1-3e9a-be85-3f65f7120bd0
测试开发
浏览量：71338
533896eb-dd7b-3cde-b4d3-cc1ce02c1c14
晨记
浏览量：0
社区版块
存档分类
最新评论

[HTML5]android远程调试工具chrome

html5android远程调试 
阅读更多
该工具的目的是在PC端动态调试手机chrome浏览器内显示，要求androidSDK，pc端chrome，手机端chrome。使用范围较为局限。


1.下载手机端chrome，设置-开发者工具-使用倾斜滚动勾上，启用USB网页调试勾上
2.下载PC端chrome
3.开启手机debug模式
4.adb forward tcp:9222 localabstract:chrome_devtools_remote
5.在PC端访问localhost:9222
6.调试哪个页面就选择哪个页面，但是这里需要FQ才能调试。、

可参考资料：
https://developers.google.com/chrome-developer-tools/docs/remote-debugging?hl=zh-CN
http://www.guidingtech.com/14598/debug-web-pages-on-chrome-mobile-android-computer/
http://stackoverflow.com/questions/10212256/google-chrome-for-android-remote-debugging-localhost9222-not-available
分享到：
| [Fiddler]使用fiddler获取http请求返回
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Android离线webview调试工具,开发H5混合应用必备

    然而，对于H5页面的调试工作，开发者通常依赖于Chrome浏览器的开发者工具（Chrome DevTools），其中的`chrome://inspect`功能可以远程调试连接到同一网络的设备上的WebView。但在中国，由于网络限制，`chrome://...

    安卓调试调试webview Chrome://inspect 404 windows离线资源包

    安卓调试调试webview(类似Chrome://inspect的功能)国内404,大家都懂的,经过我各种折腾制作完成,不会出现空白页面,无需科学那啥,不限机型,Hybrid App等H5混合应用开发必备

    安卓设备Chrome远程调试

    安卓设备chrome远程debug网页代码步骤。

    Android-DreamCatcher在Chrome开发人员工具中检查AndroidHTTPS流量

    同时，确保你的Chrome浏览器安装了支持远程调试的插件，如"Remote Debugging for Android"。 接下来，开启Android设备的USB调试模式，并连接到电脑。在Chrome浏览器中打开开发者工具，选择"更多工具" -> "设备"，...

    网页真机调试DEMO（Android）

    6. **Chrome DevTools**：谷歌浏览器的开发者工具，可以远程控制Android设备进行网页调试。虽然本DEMO可能是独立的工具，但开发者可能需要结合Chrome DevTools进行更深入的调试。 7. **设备适配**：在Android平台上...

    chrome-inspect离线开发者工具包@194530_@196351.rar

    Chrome Inspect 是一款强大的开发工具，它允许开发者对运行在各种设备上的网页应用进行远程调试。这个"chrome-inspect离线开发者工具包@194530_@196351.rar"文件很可能包含了离线版本的Chrome开发者工具，这在没有...

    Windows 下的android调试 工具 adb.zip

    7. 调试WebViews：配合Chrome开发者工具，可以通过`adb reverse`命令反向代理，实现对设备上WebView的远程调试。 在Windows环境下使用ADB，你需要确保安装了Java Development Kit（JDK），因为ADB依赖于Java运行...

    html5调用android

    9. **调试工具**：Android Studio提供了集成的WebView调试工具，通过Chrome DevTools可以远程调试运行在WebView中的网页，这对于调试JavaScript和HTML5功能非常有帮助。 综上所述，"html5调用android"涉及到HTML5的...

    IOS浏览器调试工具.rar

    这些浏览器通常需要在设置中开启远程调试选项，然后通过特定的端口连接到你的电脑上的Chrome开发者工具。这样，你就可以在电脑上调试iOS设备上的网页了。 对于没有Mac的开发者，或者希望在设备上直接调试的用户，有...

    Android 手机浏览器调试使用Chrome进行调试实例详解

    使用PC上的 Chrome 远程调试手机端的页面 工具准备 手机端：chrome for Android,； PC端：安装谷歌浏览器(最好是最新版的开发者版本) USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑，...

    应用于Android手机硬件开发调试的adb工具包

    对于Web应用或Hybrid应用，adb支持通过`chrome://inspect`页面进行远程调试，可以检查网页元素、查看网络请求、控制JavaScript等。 7. **恢复与刷机**： 在系统更新或恢复过程中，adb也扮演重要角色。`adb reboot...

    Android应用源码安卓远程桌面连接项目.zip

    在本项目中，我们主要探讨的是一个基于Android平台的远程桌面连接应用的源代码。这个应用允许用户通过他们的Android...这个项目对于想要学习Android远程控制技术和移动应用开发的开发者来说，是一份宝贵的参考资料。

    远程工具 用于远程协助

    远程调试工具则专为开发者设计，用于在不同的计算环境中调试代码。这些工具通常具有断点设置、变量查看、调用堆栈分析等功能，帮助开发者在远程服务器上定位和解决问题。例如，Visual Studio Code的远程开发扩展、...

    Android应用源码之使用html5得到手机设备信息的.rar

    9. **调试与优化**：使用Chrome开发者工具（Chrome DevTools）的远程调试功能，可以对`WebView`内的JavaScript进行调试，优化网页性能和用户体验。 10. **学习资源**：对于想深入学习这一领域的开发者，可以参考...

    使用chrome调试手机web程序

    然而，当涉及到移动设备，如Android手机上的Web程序时，Chrome同样提供了一种方便的远程调试方法。下面将详细介绍如何使用Chrome调试手机上的Web程序。 首先，你需要在PC上安装Android SDK，这是调试Android设备的...

    adb 安卓开发调试工具

    10. **远程调试**：通过adb，开发者可以在电脑上使用Chrome浏览器远程调试设备上的Web内容，提升网页和Web应用的调试体验。 总结来说，adb是Android开发中必不可少的工具，它极大地简化了开发者与设备间的交互，...

    Expo 安卓调试程序apk

    这个调试apk包含了源代码映射，使得在设备上运行时仍能进行JavaScript的远程调试。 6. **安装调试Apk**：将`Test.apk`通过蓝牙、邮件或其他方式发送到你的Android设备上，然后在设置中启用“未知来源”的应用安装...

    Android 和Html5的简单示例

    6. **调试与优化**：利用Chrome的远程调试功能，可以在桌面浏览器上实时查看和调试Webview中的网页。此外，还要注意优化加载速度，如启用缓存、预加载策略等。 在这个示例中，我们实现了按钮点击后动态生成列表的...

    Android&Html5

    6. **调试与测试**：使用Chrome DevTools，开发者可以远程调试运行在Android设备上的WebView中的HTML5代码，查看网络请求、元素布局、性能分析等，提高调试效率。 7. **发布与更新**：由于HTML5应用的更新不需要...

Magicbox
Global site tag (gtag.js) - Google Analytics