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

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

• 简介
• • Safari 浏览器设置
  • iPhone 手机设置
  • 开始调试

简介

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

Safari 浏览器设置

• 在 Mac 电脑打开浏览器后，点左上角的" Safari 浏览器" -> “设置”
  
• 打开设置界面后，选择"高级"选项卡，勾选"显示网页开发者功能"
  
• 此时浏览器的菜单栏上会出现"开发"选项卡
  

iPhone 手机设置

• 手机与 Mac 电脑通过数据线进行连接
• 打开手机设置向下滑动，找『Safari 浏览器』
  
• 然后进入『高级』
  

• 打开『JavaScript』和『网页检测器』
  
  到此，设置完成。

开始调试

• 在手机Safari 浏览器打开需要调试的网站，然后在电脑上的Safari浏览器点击『开发』->『选择你的手机』->『选择需要调试的网址』即可打开手机网页的控制台