悠扬随风 发表于 2024-9-1 08:10:33

使用MAC电脑、iPhone 真机调试 H5页面

简介

为方便在 H5开发过程中在真实手机调试 H5页面,可进行一下设置
Safari 欣赏器设置

   

[*]在 Mac 电脑打开欣赏器后,点左上角的" Safari 欣赏器" -> “设置”
https://i-blog.csdnimg.cn/blog_migrate/a323741969b631d3a794ffdc86ba564f.png#pic_center
[*]打开设置界面后,选择"高级"选项卡,勾选"显示网页开发者功能"
https://i-blog.csdnimg.cn/blog_migrate/8f0ab53427e16e615b6ec60deda4fbf6.png#pic_center
[*]此时欣赏器的菜单栏上会出现"开发"选项卡
https://i-blog.csdnimg.cn/blog_migrate/94a113007c7634868344c3eadc370da3.png#pic_center
iPhone 手机设置

   

[*]手机与 Mac 电脑通过数据线进行连接
[*]打开手机设置向下滑动,找『Safari 欣赏器』
https://i-blog.csdnimg.cn/blog_migrate/ea8891fcfba24e7aa771796d3b94c0ca.jpeg#pic_center
[*]然后进入『高级』
https://i-blog.csdnimg.cn/blog_migrate/83d81a15fc0c34487a79d3c473a1ead9.jpeg#pic_center
   

[*]打开『JavaScript』和『网页检测器』
https://i-blog.csdnimg.cn/blog_migrate/99ebd25ba3bbf275e5313a7201c4f105.jpeg#pic_center
到此,设置完成。
开始调试

   

[*]在手机Safari 欣赏器打开需要调试的网站,然后在电脑上的Safari欣赏器点击『开发』->『选择你的手机』->『选择需要调试的网址』即可打开手机网页的控制台
https://i-blog.csdnimg.cn/blog_migrate/d997bac601160d68a1b1adf19dbadcc5.png#pic_center
https://i-blog.csdnimg.cn/blog_migrate/e22a80f671d175e23bd48781be3047d0.png#pic_center

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 使用MAC电脑、iPhone 真机调试 H5页面