当我们移动端开发人员想要开发一些H5网页，然后调试查看效果时，这个时候咱们优先考虑浏览器调试，但是有时候我们开发的网页是移动端使用时，这个时候我们就会想到怎么真机调试h5网页呢，而不再依赖服务器人员。
一、谷歌浏览器调试页面
快捷键：command + option + i,然后可以选择手机。
image.png
二、模拟器调试
- 不管是模拟器调试还是真机调试，咱们都需要配置本地Apache服务器。注意：每次调试前都要启动Apache服务器：sudo apachectl start
配置步骤如下：
1.查看本地磁盘是否显示，没有显示就先让他显示出来。https://jingyan.baidu.com/article/f7ff0bfc18a2302e27bb135d.html
2.配置Apache服务器。
https://www.linuxidc.com/Linux/2015-02/113577.htm
3.将你要加载的网页文件放到Sites 文件夹里面。
- 接下来就是项目里面URL的配置了。假如是模拟器调试：URL——http:127.0.0.1/你放在Sites文件夹里的文件夹名/index.htm
注意：这里是http请求，记得配置plist文件
三、真机调试
- 真机调试首先要保证手机和你的电脑在同一局域网下，同时你已完成Apache服务器配置。然后将127.0.0.1换成你电脑的ip地址就好。
网友评论