chrome 调试web app方法
来源:互联网 发布:mac有什么好用的软件 编辑:程序博客网 时间:2024/06/01 08:10
网上讲chrome调试web app的方法很多,我写下来只是为了记录一下,方式忘记。
调试要求:
● 开发环境安卓桌面版Chrome32+
● 一条USB数据线,连接电脑与移动设备,安装相应机型的USB驱动。驱动程序下载地址:http://developer.android.com/tools/extras/oem-usb.html
如果电脑上安装有百度手机助手、360手机助手这类软件,一般连接后可以自动安装相应的USB驱动程序。
● 如果是调试网页,移动设备需要安装Chrome forAndroid ,且安卓系统须为Android 4.0+
● 对于APP WebView的调试,需要系统为Android 4.4+ 并且原生应用内的Webview须进行相应的调试声明配置。
说明:远程调试要求桌面版Chrome浏览器版本要高于安卓移动设备的Chrome版本号。有条件的最好使用Chrome 的金丝雀特别版Chrome Canary (Mac/Windows)或者Chrome桌面开发版Chrome Dev channel release (Linux)。
打开USB调试模式
直接在浏览器地址栏输入chrome://inspect 或者about:inspect
打开后DevTools后,确保打钩选中Discover USB devices
然后打开手机端chrome浏览器就会看到一些网址(如上图),点击inspect就可以进行操作及调试。下图可以看到效果,可以手机操作浏览器实时看到页面效果进行调试。
在点击inspect链接后由于谷歌在国内不能使用,工具会访问appspot.com进行初始化,所以就会一直白屏,解决办法在另一篇文章内http://blog.csdn.net/ligengdipan/article/details/51050406
调试WebView的方式是一样的,不过webview好像只能浏览器中看到代码,不能在浏览器中显示界面。这样基本上满足了我在使用Hbuilder开发时调试的需要。
- chrome 调试web app方法
- chrome 上调试web app
- 使用Chrome调试web app
- chrome调试ionic2 App
- Chrome Web App体验
- Android KitKat 4.4 使用Chrome DevTools 进行WebView远程调试 | remote debug web APP in chrome
- chrome调试js方法
- Chrome手机调试(WebView或如Hbuilder开发的Web App)
- Chrome远程调试Andoird APP WebView
- 使用chrome浏览器调试ionic APP
- Google Chrome浏览器调试方法
- chrome DevTool For Improving web app performance
- web Android手机调试chrome://inspect/
- android web app远程调试
- 远程调试 Azure Web App
- Android Web开发调试之Chrome远程调试
- [Chrome源码阅读] Chrome的多进程调试方法
- 调试方法汇总 chrome浏览器 eclipse等等
- sysbench安装、对Mysql压力测试、结果解读及mysql数据库跟踪优化
- 扩展欧几里得(乘法逆元)
- Tsinsen A1108 棋盘
- 5-28 猴子选大王 (20分)
- get√ Java
- chrome 调试web app方法
- ADB高级应用
- iOS中的链式编程
- J2EE 日志错误
- 位图的实现
- Android studio最简单的更新方法
- 关于PPTP的加密问题
- EGL - Embedded-System Graphics Library/ OpenGL ES Native Platform Graphics Interface
- HDU1379 DNA Sorting