Chrome真机调试webapp

Posted pycmsj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Chrome真机调试webapp相关的知识,希望对你有一定的参考价值。

一、针对android设备

1、在android设备上开始开发者模式

2、将设备连接到PC,在chrome浏览器地址栏输入:chrome://inspect/#devices

3、在手机上打开网页的时候,chrome就会检测到网页,可以直接调试

二、针对ios设备

PS:如果使用的是MAC电脑,可以直接在safari的开发里面找到,我的Iphone里面可以检测网页

1、在Iphone的设置-》safari-》高级-》web检查器。打开

2、在电脑上安装ios_webkit_debug_proxyRemoteDebug iOS WebKit Adapter

3、启动RemoteDebug iOS WebKit Adapter

remotedebug_ios_webkit_adapter --port=9000

4、在chrome地址栏输入:chrome://inspect/#devices,在Discover network targets里面增加localhost:9000,就可以在chrome里面调试手机页面了。

以上是关于Chrome真机调试webapp的主要内容,如果未能解决你的问题,请参考以下文章

真机调试之android手机+chrome

iOS中web app调试(mac).md

移动端真机调试工具

手机调试

Python 自动化 - 浏览器chrome打开F12开发者工具自动Paused in debugger调试导致无法查看网站资源问题原因及解决方法,javascript反调试问题处理实例演示(代码片段

ionic app 真机调试