WEB移动端开发中,局域网内手机浏览器访问电脑页面,实时查看代码调试结果

痛点:在进行移动端页面开发时,经常需要用手机查看开发的页面效果。虽然浏览器自带模拟器,但是各个手机兼容问题调试以及操作效果调试还是需要上真机。

解决途径:

1、将代码扔到服务器,通过连接服务器访问页面调试

2、采用内网穿透,将自己的电脑当成服务器主机,手机访问电脑服务器。之前我用过NATAPP,价格也还合理。

3、最简单的,最直接的,手机和电脑都连在一个局域网,apache服务器在http-vhosts.conf中配置虚拟主机为允许所有用户访问,即可。可以看一下配置如下:

WEB移动端开发中,局域网内手机浏览器访问电脑页面,实时查看代码调试结果_第1张图片

途中Deny,Allow,Require是什么含义,可以看一下这篇文章Apache中httpd-vhosts.conf虚拟主机设置,Allow,Deny,Require含义。

最后,记住,这个虚拟主机必须放在最前面

访问方式:cmd中输入ifconfig,查看ipv4地址,在手机浏览器输入该地址。

WEB移动端开发中,局域网内手机浏览器访问电脑页面,实时查看代码调试结果_第2张图片

你可能感兴趣的:(PHP相关)