chrome 调试 ios h5

Posted maxwell_xu

tags:

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

1,安装itunes, 否则无法识别iphone设备

2,开启调试模式 ,打开 iPhone 依次进入 设置 > Safari > 高级 > Web 检查 > 启用

3,下载 ios-webkit-debug-proxy,找到release文件下载

项目地址:https://github.com/artygus/ios-webkit-debug-proxy-win32

4 ,打开命令

ios_webkit_debug_proxy-win32.exe -f chrome-devtools://devtools/bundled/inspector.html

5,开始调试

http://localhost:9221/ 

6, 点击出现的连接,复制,手动新建一个标签页将链接粘贴进去,开始调试

 

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

Chrome调试模式获取App混合应用H5界面元素

Safari/Chrome调试WebView

H5调试

Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)

(2)Android 调试 H5页面

vscode 插件推荐