100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 移动端利用Safari浏览器在pc进行调试(ios手机safari+Safari调试(mac))

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

时间:2024-06-10 12:51:48

相关推荐

移动端利用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端进行调试,可参考文章:/article/282755

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。