1. 调试前的准备

1.1 安装iTunes

下载iTunes,进行安装, 这里就略过安装过程了

2. 调试步骤

2.1 安装scoop工具

需要在win10下,使用powershell安装scoop工具:

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

执行完后,会显示一个类似下图的信息:

如果未得到这样的提示信息,可以多重试几次这个步骤,如果页面有标红的报错信息,可以看一下,C盘用户目录下,是否有生成scoop的文件夹,有的话,直接在scoop的文件夹目录下打开powershell窗口,再执行后面的操作。

2.2 通过scoop安装ios_webkit_debug_proxy

scoop bucket add extras
scoop install ios-webkit-debug-proxy

如果提示ios-webkit-debug-proxy在scoop不存在,可以多重试先把extras删了,在执行add

scoop bucket rm extras

scoop bucket add extras

scoop install ios-webkit-debug-proxy

也可以从github上下载包进行安装:

https://github.com/google/ios-webkit-debug-proxy

2.3 安装调试器

npm install -g vs-libimobile

npm install remotedebug-ios-webkit-adapter -g

2.4 开启iphone调试

手机也需要用数据线连接,并安装好相应的驱动,如果是抓取ios自带的safari浏览器上访问的网页的话,还需要在iphone的设置->safari浏览器-->高级->(web)网页检查器,打开对应的开关。

2.5 让您的计算机信任您的iOS设备

将Iphone手机连接电脑,必须点击“信任”,并打开 itunes, 以确保手机连接

这里显示您的手机名,表示手机已连接电脑

2.6 运行命令

remotedebug_ios_webkit_adapter --port=9000

#ios-webkit-debug-proxy 将自动为您运行 无需单独启动

--port=9000, 9000是端口,默认是9000,可以随心情更改

2.7 打开chrome, 输入网址: chrome://inspect/#devices

输入端口号9000,这里的9000和2.6的端口对应,

在Discover USB devices后面点击Port forwarding...,按照下面的配置添加9221端口,然后刷新页面,就可以捕捉到手机上访问的web网页地址

点击 inspect, 即可调试

如果点击inspect会出现http/404,需要f-a-n-q-i-a-n-g或d-a-i-l-i 一次

chrome真机调试ios相关推荐

  1. 前端真机调试 IOS 安卓

    真机调试IOS && 安卓 需要准备的装备: 手机一台 数据线 IOS(iTunes) Node.js 环境 powershell 7 搭建环境: windows 10 需要安装Nod ...

  2. 使用Xcode 7 beta免费真机调试iOS应用程序

    今天凌晨的WWDC15虽然没有熬夜守候吧,但也还是早起第一时间翻看了twitter的相关标签,发现比较实惠的一点就是新的Xcode 7可以在不加入每年99刀的Apple Developer Progr ...

  3. Xcode7.2如何真机调试iOS 9.3的设备

    在测试iOS app或者是开发过程中,总会遇到各种各样的升级,比如XCode的升级,MAC OS 的升级,iOS系统升级,这种种升级,个人比较讨厌的是iOS系统的升级,它总是在你调试代码或者是测试过程 ...

  4. Xcode 真机调试 iOS 应用的各种问题和解决方法

    process launch failed: Security 解决方法:打开手机设置->通用->设备管理->点击你的开发者账号->信任 ------------------- ...

  5. Chrome真机调试安卓和ios

    使用Chrome调试工具需要翻墙,在地址栏中输入chrome://inspect/#devices 选中discover usb devices. 安卓(安卓4.4版本以上) 1.在android设备 ...

  6. uniapp真机调试IOS样机(Windows)

    1.目前选用HBuilderX版本3.2.16.20211122(之前更新了版本发现无法连接真机) 链接: https://pan.baidu.com/s/1oKNGdY4v4vNWfDu-Nedvo ...

  7. chrome真机调试Android

    1. 打开Android手机的调试模式 将手机与电脑用数据线连接,确保电脑上安装了手机的驱动,手机打开调试模式 2.打开chrome, 输入网址: chrome://inspect/#devices ...

  8. hbuilderx uniapp 【成功示例】windows真机调试iOS

    1. 下载并安装iTunes 下载地址: https://pc.qq.com/search.html#!keyword=itunes 2. 下载并安装itools4 itools4官网,点击进入: h ...

  9. Flutter开发之iOS真机调试(六)

    一.首先你要有个开发者账号. 二.真机数据线直连Mac 电脑,并保持解锁状态. 三.选择真机设备运行工程. VS Code 终端执行 lxx-Mac-mini:uuuu suning$ flutter ...

  10. iOS Xcode7上真机调试

    在Xcode7上进行真机调试,不需要证书,步骤如下: 1. 2. 3. 4. 5.添加Apple ID后会显示两个Free,表示可以免费真机调试iOS应用和Mac应用,选中高亮选项,点击view de ...

最新文章

  1. sql server 2005 T-SQL BEGIN TRANSACTION (Transact-SQL)
  2. Sql Server插入数据并返回自增ID,@@IDENTITY,SCOPE_IDENTITY和IDENT_CURRENT的区别
  3. 华为防火墙的技术积累
  4. xml批量修改php,通过php修改xml文档内容的方法
  5. python搜索引擎和爬虫框架介绍
  6. 【Flink】Flink exitCode=239
  7. ubuntu下mysql整个数据库备份与还原
  8. 阿里云服务器搭建ftp服务器
  9. ruby语言学习-开启篇
  10. dcos master挂掉后 slave上面的container会咋样
  11. 完美卸载VS2019(亲测有效)
  12. 微巨科技:公众号迁移公证流程及注意事项
  13. unity3d 音频无缝循环
  14. DailyFi - 9.20|NFT 平台 Vera 将于明日在 Polkastarter 上 IDO
  15. UTF-8和UTF-16简介
  16. 使用Echarts绘制中国地图看这篇就够了(认真脸!)
  17. 南昌大学2014~2015学年第二学期数据结构期末考试试卷试题解析
  18. 操作系统和进程的介绍
  19. Git码云项目开发中常用分支
  20. mac好用软件推荐(持续更新)

热门文章

  1. 用C编程语言写出三行情书,用7种语言写的三行情诗,你一定没看过!
  2. 深度学习 目标分类 思路
  3. 皮肤黄吃什么可以变白?店湾妹来教你几招!
  4. 实操:将C盘用户配置文件移动到非系统盘(windows10系统)
  5. 什么是监控报警以及如何实现
  6. [BZOJ3162]独钓寒江雪
  7. WinRAR制作单文件(便携版)
  8. 一个开源数据分析平台的搭建方法
  9. T - 地狱之门 (URAL - 1036 )
  10. C++11之内联名字空间(inline namespace)和ADL特性(Argument-Dependent name Lookup)