移动端利用Safari浏览器在pc进行调试（ios手机safari+Safari调试(mac)）

最近在进行移动端的开发，本地运行的页面样式和真机测试时样式有区别。这个时候就需要通过设置代理使手机能够访问电脑端的网页。

所需设备：
1.ios手机
2.mac电脑
3.mac电脑安装Charles软件（一个抓包工具）

开始操作：
1.查看电脑本机ip，控制台输入命令：ifconfig |grep inet
2.打开苹果手机，设置http代理（如何用iPhone手机设置代理）。输入本机IP（xx.xx.xxx.xx），和端口（8888）。
3.打开Charles软件。在软件的页面中可以看到手机上打开运行的网址。
4.打开手机上的safari浏览器，在浏览器中输入网址（本地开发时的网址），即可在真机上看到和电脑本地运行时的网页的一样的页面。此时在本地调试，真机也可以看到页面。

上面的步骤只可以在真机上浏览调试的样式，还不可以在真机上调试。如果要实现在真机上调试，需要接着做一下步骤。

4.手机链接上电脑
5.打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选。

6.打开电脑上的Safari浏览器，按照路径：【开发】->【手机名称】->【正在调试的网址】，点击进入，就可以按照调试pc端页面的思路来调试ios的页面了。

如果移动端利用chrome浏览器在PC端进行调试，可参考文章：https://www.imooc.com/article/282755

移动端利用Safari浏览器在pc进行调试（ios手机safari+Safari调试(mac)）相关推荐

启动成功浏览器显示不了_移动端利用chrome浏览器在PC端进行调试方法
由于最近工作中遇到需要在电脑上调试手机端的功能和样式,之前也没有遇到过,所以就各种百度和试验.最后终于功夫不负有心人,成功了.(那一刻心情真滴很鸡冻啊~~~~~~~~~).所以暂时记录下来.以免鸡冻过 ...
chrome手机版打开调试模式_移动端利用chrome浏览器在PC端进行调试方法
由于最近工作中遇到需要在电脑上调试手机端的功能和样式,之前也没有遇到过,所以就各种百度和试验.最后终于功夫不负有心人,成功了.(那一刻心情真滴很鸡冻啊~~~~~~~~~).所以暂时记录下来.以免鸡冻过 ...
在mac电脑上,用Safari浏览器调试ios手机移动端页面
打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器], 具体如下图所示打开Mac上Safari的开发者模式,流程是[Safar ...
safari浏览器横屏怎么设置_如何避免苹果safari自带浏览器“跟踪”你的信息！
苹果自带的"safari浏览器"正在悄悄"追踪"你的信息,这样做可以有效避免你的隐私信息不被泄露. 说起苹果设备自带的APP,毫无疑问safari浏览器是其中的 ...
safar浏览器找不到服务器,Safari浏览器打不开网页是什么问题 Safari有哪些操作技巧...
如果你是果粉,那么你的iPhone手机自带的浏览器是Safari,这个浏览器体积小,占用资源小,界面简洁,除了实用的浏览网页功能外没有多余设置,朴实到了令人不忍心放弃它的地步.不过,为了用户方便,Sa ...
在mac上如何用safari调试ios手机的移动端页面
步骤如下: 第一步:打开iphone手机的开发者模式,流程是:[设置]->[Safari]->[高级]->开启[Web检查器] ,如图1.图2 图2 第二步:打开Mac上Safari ...
用mac的safari浏览器调试ios手机的网页
iOS 6给Safari带来了远程的Web检查器工具. 一.参考链接 ios开发者文档 safari开发者工具 remote debugging safari 二.设置iphone 设置 -> ...
c语言有开始菜单的flybird,GitHub - ruocen/flybirdremotecontroller: 飞鸟群控，pc电脑控制iOS手机...
特别申明该项目用于iOS开发测试APP在各种手机型号的稳定性,减少测试人员的测试工作,请勿用于其他非法用途. 项目说明 pc电脑端支持win7+系统 iOS端1.0版本支持iOS8-iOS10越狱系 ...
如何利用USB数据线在PC电脑上控制手机
背景最近老婆玩头条极速版赚钱,但是干干工作又操作手机很不方便,问我有没有简单的电脑控制手机的办法. 我试了好些安卓模拟器,都是又大又笨不好用.最终还是发现adb配合脚本实现PC控手机最方便舒适. 优 ...

移动端利用Safari浏览器在pc进行调试（ios手机safari+Safari调试(mac)）

移动端利用Safari浏览器在pc进行调试（ios手机safari+Safari调试(mac)）相关推荐

最新文章

热门文章