响应式网站测试,使用真机访问本地localhost

由于近期要做一个响应式网站并适配移动端,想要使用真机测试,找了很多种方法什么Chrome、火狐之类的,发现其实只要几步:

将手机和电脑连上同一个局域网,之后win+R打开“运行”对话框,输入cmd运行“命令提示符”按钮

响应式网站测试,使用真机访问本地localhost

输入ipconfig

响应式网站测试,使用真机访问本地localhost

找到这段ip地址(注意是WLAN的,之前搞错成本地连接的了)

响应式网站测试,使用真机访问本地localhost

然后在手机端的浏览器中输入此ip地址,就会出现类似电脑端的localhost的界面,完工。

(我的电脑端是使用XAMPP搭建的,此时的Apache处于开启状态)


网上很多用浏览器调试网页的文章,运用在不同的操作系统上等等,因为我要的效果简单几步可以达成,也不需要那么复杂的操作,但是查到的一些资料感觉不错的先贴上来供大家参考:

http://yujiangshui.com/multidevice-frontend-debug/

于江水大神的文章:《移动端前端开发调试》

http://blog.csdn.net/freshlover/article/details/42528643

《移动端Web开发调试之Chrome远程调试(Remote Debugging)》