当前位置: 首页 > news >正文

ios 在windows chrome 联调

必要条件

1、iOS设备、数据线
2、Node.js 环境
3、Chrome 浏览器
4、电脑登录iTunes
5、手机 Safari 浏览器

环境准备

1、安装Node环境参考Node安装的教程,确保终端输入node时可正常使用
2、安装 scoope 以及相关配置为了安装后续需要用的工具 remotedebug-ios-webkit-adapter打开win下的powershell(最好使用管理员权限运行)

安装

1、打开 PowerShell远程权限

 Set-ExecutionPolicy RemoteSigned -scope CurrentUser若出现提示是否要更改执行策略?,输入 Y 回车

2、安装Scoop

iwr -useb get.scoop.sh | iex
scoop update

如果提示错误,说明 PowerShell 需要调整进行一些配置。这时按照提示,输入:

Set-ExecutionPolicy RemoteSigned -scope CurrentUser

然后重新运行第一条指令即可。

如果发现安装速度极慢,导致安装错误,但再次安装仍提示 scoop 已安装,那么可以输入下面这一行指令来强制删除,然后再重新安装:

del .\scoop -Force

如果删除出现错误 如下图:找不到路径则去相应位置删除对应的文件在这里插入图片描述

安装 Scoop 的 bucket

安装完毕,但是我们还要再安装一个 scoop 的 bucket。scoop 默认自带的 bucket 是 main,包含大量的没有 GUI 的程序,比如 Node.js,Aria2,Git,FFmpeg 等。如果想要安装带有 GUI 的程序,可以安装名为 extras 的 bucket。

安装extras很简单,只需要一行指令:

scoop bucket add extras

如果出现问题,或者不想用这个 bucket 了,那么可以用下面这条语句来删除:

scoop bucket rm extras

安装iOS-webkit-debug-proxy

iOS WebKit Debug Proxy 是一个 iOS 的 DevTools 代理(WebKit 远程调试协议),Safari 远程 Web Inspector。 ios_webkit_debug_proxy 允许开发者在真实的或者是模拟的 iOS 设备上,通过 DevTools UI 和 WebKit 远程调试协议,检查 MobileSafari 和 UIWebViews

安装 vs-libimobile

使用本机协议与iOS设备上的服务进行通信的库

安装 remotedebug-ios-webkit-adapter

该调试方法最核心的部分,就是依赖该工具
打开win下的powershell或其他终端软件

npm install remotedebug-ios-webkit-adapter -g

适配调试 并打开端口

iOS设备点开 设置 > Safari 浏览器 > 高级 > Web 检查器,开启该选项。
iOS设备连接电脑,信任该电脑
打开终端,执行该命令

remotedebug_iOS_webkit_adapter --port=9000

在这里插入图片描述
可以备份表示已连接

远程连接

iOS端打开safari浏览器;PC端打开Chrome,进入 chrome://inspect/#devices 页面,并在 Discover network targets 选项添加 localhost:9000 配置。

此时刷新iOS页面,在Chrome中可看到iOS当前的页面地址,点击inspect即可进入调试页面。

在这里插入图片描述

注意:可能需要电脑翻墙才能使用

注: 如果发现调试无连接 考虑代理端口是否正确运行
在这里插入图片描述

http://www.lryc.cn/news/64850.html

相关文章:

  • 干翻Mybatis源码系列之第六篇:Mybatis可选缓存概述
  • 如何调教ChatGPT
  • 记一次我的漏洞挖掘实战——某公司的SQL注入漏洞
  • 代码随想录二刷复习 day1 704二分查找 27 移除元素 977 有序数组的平方
  • 第16章 指令级并行与超标量处理器
  • JavaWeb ( 三 ) Web Server 服务器
  • 2.6 浮点运算方法和浮点运算器
  • 第一次找实习, 什么项目可以给自己加分(笔记)
  • FPGA/Verilog HDL/AC620零基础入门学习——8*8同步FIFO实验
  • shell脚本
  • 不部署服务端调用接口,前端接口神器json-server
  • 国产化:复旦微JFM7K325T +华为海思 HI3531DV200 的综合视频处理平台
  • Ceph入门到精通- stderr raise RuntimeError(‘Unable to create a new OSD id‘)
  • AWSFireLens轻松实现容器日志处理
  • Java程序设计入门教程--案例:自由落体
  • Qt音视频开发44-本地摄像头推流(支持分辨率/帧率等设置/实时性极高)
  • SpringCloud学习(七)——统一网关Gateway
  • 《花雕学AI》31:ChatGPT--用关键词/咒语/提示词Prompt激发AI绘画的无限创意!
  • 计算机组成原理9控制单元的结构
  • MySQL数据备份和恢复
  • 数据结构与算法之链表: Leetcode 237. 删除链表中的节点 (Typescript版)
  • 继承的相关介绍---C++
  • Java多线程深入探讨
  • SpringCloud全面学习笔记之进阶篇
  • 英语中主语从句的概念及其用法,例句(不断更新)
  • 数组的子数组(亚阵列)、子序列,字符串的子串、子序列
  • MySQL 知识:迁移数据目录到其他路径
  • Go | 一分钟掌握Go | 8 - 并发
  • 【滤波】多元高斯
  • 单源最短路问题