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

[HTML5]android远程调试工具chrome

阅读更多
该工具的目的是在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
分享到:
评论

相关推荐

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

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

    安卓设备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开发中必不可少的工具,它极大地简化了开发者与设备间的交互,...

    Android 和Html5的简单示例

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

    C# Android 嵌套H5网页 Android端外壳

    8. **调试技巧**:对于H5页面的问题,可以使用Chrome开发者工具的远程调试功能,连接到运行中的Android设备或模拟器,实时查看和调试网页代码。对于Android应用问题,Visual Studio提供了强大的调试工具,如断点、...

    Android&Html5

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

    Android应用开发新路线【技术文档】(用HTML5开发Android应用)

    开发过程中,使用Chrome的开发者工具进行远程调试,可以实时查看和修复Web内容的问题。对于原生功能的测试,可以借助模拟器或真机进行。 7. 发布与分发 通过框架提供的打包工具,HTML5应用可以转换为标准的...

Global site tag (gtag.js) - Google Analytics