windows10 chrome 调试 ios safari 方法
windows10 chrome 调试 ios safari 方法
需求背景
在做一个项目时,发现某些图片在安卓设备和电脑上能正常显示,但是在iOS上却无法显示。网上没有找到解决方案。因为没有苹果电脑,所以需要在Windows中对苹果系统进行网页调试。
系统环境
电脑操作系统:Windows 10 专业版 64位 (10.0,版本 14393)
iPad操作系统:iOS 10.3.2
安装前准备
要保证iPhone/iPad能使用USB与电脑正常连接
在iOS中打开调试模式:设置->Safari->高级->Web 检查器
安装
- 安装 scoop
# 使用 Powershell 进行安装
https://github.com/lukesampson/scoop
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
如果失败可尝试以下方式安装
iex (new-object net.webclient).downloadstring('https://raw.githubusercontent.com/lukesampson/scoop/master/bin/install.ps1')
# 如果安装失败,请执行以下命令再重新安装
Set-ExecutionPolicy RemoteSigned -scope CurrentUser
- 安装ios-webkit-debug-proxy
# 在 Powershell 中执行
scoop bucket add extras
如果超时可以下载 (https://github.com/lukesampson/scoop-extras/)[https://github.com/lukesampson/scoop-extras/] 解压后存放 scoop/extras/
目录下
(https://github.com/google/ios-webkit-debug-proxy)[https://github.com/google/ios-webkit-debug-proxy]
scoop install ios-webkit-debug-proxy
使用
链接设备、打开 iTunes
- 启动
ios-webkit-debug-proxy
# 在 Powershell 中执行,-f 表示指定前端工具,这里使用 chrome-devtools 进行调试
ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html
执行成功后,Powershell窗口会显示
Listing devices on :9221 Connected :9222 to 你的设备名称
- 打开网页
在chrome浏览器中输入localhost:9221,如果进入网页后出现Inspectable pages for 你设备的名称字样,表示连接成功,然后在iPhone/iPad中使用Safari打开网页,再刷新电脑上的chrome,就会出现一个超链接(chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1),然后右键复制链接地址并在新标签中打开,就可以像在电脑中一样对网页进行调试了。
补充
如果没有连接成功,或碰到其它什么问题,可以查看 ios-webkit-debug-proxy 的官方文档,里面有更详细的说明。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
小白在阿里云云服务器上如何发布自己的网站(建站|详细)
昨天发的小白在阿里云云服务器上如何发布自己的网站(建站|详细),今更新一下 一、选购云服务器 到阿里云官网进行选购1.1 使用学生优惠购买使用学生优惠后为118元/年1.2 市场价购买如果是没有学生优惠的话,请用市场价购买 阿里云还有企业和个人的免费使用的云服务器 1.3 选择系统Windows:操作简单,功能实用,安全性较差。Linux:兼容性好、安全性很好、稳定,是目前大部分保密机构服务器操作系统都是它。(推荐,本文作者使用Linux,后文是Linux系统的建站教程)NetWare:批处理功能优秀,但目前市场占有率很少。Unix:支持大型文件系统与数据库,对于系统应用软件支持较完善。其他操作系统就不介绍了,想了解更多请搜索常见的操作系统及其优缺点比较。我自己选择是linux的Ubuntu。 二、购买域名 2.1 注册域名就在阿里云的万网系
- 下一篇
Android环境下hanlp汉字转拼音功能的使用介绍
由于项目需要在Android手机设备上实现汉字转拼音功能(支持多音字),于是首先想到了Pinyin4j+多音字映射对照表的实现方案,并在项目中试用了一段时间,发现数据量大时,其耗时非常严重。后来寻找其他方案,在github上找到了HanLP开源库,其多音字转换速度非常快,但是没有针对Android平台进行适配,于是对代码进行了一些修改,终于可以在Android手机上运行。修改后的工程已上传至github,如有需要,可以clone HanLP-Android代码后,导出jar文件使用。 ##使用说明: ###1、将生成的jar文件拷贝到app/libs目录下,将HanLP-Android工程下dictionary目录拷贝至Android项目app module的assets目录下 ###2、修改app module的build.gradle文件: android { ... sourceSets { main { res.srcDirs = ['src/main/res', 'src/main/res/xml'] jni.srcDirs = [] jniLibs.srcDirs = ...
相关文章
文章评论
共有0条评论来说两句吧...