失眠网 > chrome调试h5移动端(含android ios)

chrome调试h5移动端(含android ios)

时间：2020-08-30 23:53:56

chrome调试h5移动端

chrome调试(window+android)

需要条件：1.安卓开发人员需要对你页面调试得webview添加setWebContentsDebuggingEnabled得静态方法。

2.windows电脑可以爬~梯子或者安装chrome-inspect离线开发者工具包

梯~子工具：https://cp.greennode.info

chrome-inspect离线开发者工具包：/slmk/p/7591126.html

3.手机连接电脑，开发者选项，打开usb调试，电脑正常安装手机驱动。

做好提前准备后，在手机chrome中访问网页或者打开开启setWebContentsDebuggingEnabledchrome方法得webview，chrome浏览器访问chrome://inspect/#devices

点击inspect，进入chrome调试界面出现空白(需要梯~子)

chrome调试（window+iphone）

原文：/RemoteDebug/remotedebug-ios-webkit-adapter

安装依赖项

1、.NET Framework 4.5及以上版本

2、powershell 5.1及以上版本（注：可通过输入$PSVersionTable查看当前powershell版本）

3、可正常访问/lukesampson/scoop/master/bin/install.ps1此网站（需要~梯子）

4、安装iTunes

5、安装ios-webkit-debug-proxy,安装前确保有

1）powershell5.1+，

2）.net Framework4.5+、

3）可访问/lukesampson/scoop/master/bin/install.ps1

根据文档，在windows下，首先需要安装scoop，而安装scoop需要电脑里有powershell。win10一般自带。

5.1 安装scoop（一个安装工具）

set-executionpolicy unrestricted -s cu #修改执行策略，选择是iex (new-object net.webclient).downloadstring('https://get.scoop.sh') #安装scoop

5.2 通过scoop安装ios_webkit_debug_proxy

scoop bucket add extras // 安装 bucketscoop install ios-webkit-debug-proxy // 安装 ios-webkit-debug-proxy

报错如下

Couldn't find manifest for 'ios-webkit-debug-proxy'

注意：会有Couldn't find manifest for 'ios-webkit-debug-proxy'错误，主要原因还是scoop bucket add extras安装不太顺利

卸载bucket后重新安装

PS C:\Windows\system32> scoop bucket rm extrasPS C:\Windows\system32> scoop bucket add extrasChecking repo... okThe extras bucket was added successfully.

再次执行：scoop install ios-webkit-debug-proxy

建议是否安装成功：scoop list

PS C:\Windows\system32> scoop install ios-webkit-debug-proxyInstalling 'ios-webkit-debug-proxy' (1.8.8) [64bit]ios-webkit-debug-proxy-1.8.8-win64-bin.zip (3.5 MB) [=========================================================] 100%Checking hash of ios-webkit-debug-proxy-1.8.8-win64-bin.zip ... ok.Extracting ios-webkit-debug-proxy-1.8.8-win64-bin.zip ... done.Linking ~\scoop\apps\ios-webkit-debug-proxy\current => ~\scoop\apps\ios-webkit-debug-proxy\1.8.8Creating shim for 'ios_webkit_debug_proxy'.'ios-webkit-debug-proxy' (1.8.8) was installed successfully!PS C:\Windows\system32> scoop listInstalled apps:ios-webkit-debug-proxy 1.8.8 [extras]

6、连接测试~~连接方式(原理一样，启动代理端口)

#安装最新版本的remotedebug-ios-webkit-adapter

npm install -g vs-libimobilenpm install remotedebug-ios-webkit-adapter -g

#在Safari中启用远程调试

为了显示您的iOS设备，您需要启用启用开发者模式进行调试。

Iphone => 设置 => Safari 浏览器 => 高级 => web检查器 => 启用

#手机连接电脑的itunes 或者爱思助手（个人使用的是后者）

#打开命令行工具，运行以下命令，在PC端本地9000端口开启对苹果手机webview的监听（个人理解，不对请指正）

remotedebug_ios_webkit_adapter --port=9000

#打开chrome调试工具地址：chrome://inspect/#devices ，点击Configure... （打开网址的首页就能看到，我不截图了），在打开的弹窗中添加如下地址：

localhost:9000

然后点击Done，至此，你可以愉快的调试IOS端的webview了(亲测有效)。