当我们移动端开发人员想要开发一些H5网页,然后调试查看效果时,这个时候咱们优先考虑浏览器调试,但是有时候我们开发的网页是移动端使用时,这个时候我们就会想到怎么真机调试h5网页呢,而不再依赖服务器人员。
一、谷歌浏览器调试页面
快捷键:command + option + i,然后可以选择手机。二、模拟器调试
- 不管是模拟器调试还是真机调试,咱们都需要配置本地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地址就好。