window使用chrome调试ios设备的H5页面(Safari和APP)

window使用chrome调试ios设备的H5页面(Safari和APP),第1张

window使用chrome调试ios设备的H5页面(Safari和APP) 1:用管理员身份打开PowerShell,不同 *** 作系统打开方式不太一样,win10的话在搜索栏搜索就能找到( 2:查看PowerShell版本

命令:Get-Host | Select-Object Version

3:一行命令安装 Scoop 3.1:执行命令:iex (new-object net.webclient).downloadstring(‘https://get.scoop.sh’)

①:这里如果出现这个报错:
使用“1”个参数调用“DownloadString”时发生异常:“未能解析此远程名称: ‘raw.githubusercontent.com’”。。。
打开hosts文件(C:\Windows\System32\drivers\etc),在最后一行添加如下内容:
199.232.68.133 raw.githubusercontent.com
②:如果出现这个报错:
PowerShell requires an execution policy in [Unrestricted, RemoteSigned, ByPass] to run Scoop.
For example, to set the execution policy to ‘RemoteSigned’ please run :
‘Set-ExecutionPolicy RemoteSigned -scope CurrentUser’
更改执行策略就可以(可以查下策略,使用命令:get-executionpolicy)

③:执行命令:
set-executionpolicy remotesigned

执行策略更改
执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险,如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 帮助主题所述。是否要更改执行策略?
[Y] 是(Y) [A] 全是(A) [N] 否(N) [L] 全否(L) [S] 暂停(S) [?] 帮助 (默认值为“N”): y

结果看上图,然后再查下执行策略,就可以看到策略更改了。

④:在执行安装scoop命令:
iex (new-object net.webclient).downloadstring(‘https://get.scoop.sh’)
可以看到安装过程

⑤:检查scoop安装成功,输入命令:scoop help

3.2:通过scoop安装 ios_webkit_debug_proxy

1:输入命令:scoop bucket add extras
①:如果报了这个错误:
PS C:\windows\system32> scoop bucket add extras
Git is required for buckets. Run ‘scoop install git’ and try again.
说明没有添加环境变量,检查环境变量
新建系统变量-path-新建,将下面地址复制进去,并且上移到第一行,请看下图。
C:\ProgramData\scoop\shims


再添加一个环境变量是在user下面,可能不好找,需要打开隐藏的项目,才能看到

进入到C:\Users\lenovo\scoop\shims里面,将这个路径复制到环境变量里面,并且挪到第二行,见下图

②:这块需要梯子,我有个免费3天试用的梯子,可以去下载。
我们再输入命令:
2.1:scoop install sudo (需要重启)
2.2:sudo scoop install 7zip git openssh --global

2.3:scoop install aria2 curl busybox

接着继续输入:

2.4:scoop bucket add extras
这块会提示scoop install git
2.5:那就先输入scoop install git
我出现了这个错误:
fatal: unable to access ‘https://github.com/…’: OpenSSL SSL_read: Connection was reset, errno 10054

我们设置下就可以了,输入命令:
git config --global http.sslVerify “false”

然后再scoop install git
查安装列表:scoop search list

然后再继续2.4 *** 作:scoop bucket add extras

③:scoop install ios-webkit-debug-proxy

④:
npm install -g vs-libimobile
#安装最新版本的 remotedebug-ios-webkit-adapter

⑤:
npm install remotedebug-ios-webkit-adapter -g

4:在Safari中启用远程调试

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

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

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

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

remotedebug_ios_webkit_adapter --port=9000

#打开chrome调试工具地址 : chrome://inspect/#devices ,点击Configure… (打开网址的首页就能看到,我不截图了),在打开的d窗中添加如下地址:

localhost:9000
  然后点击Done,至此,你可以愉快的调试IOS端的webview了。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/993392.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存