使用手机访问电脑上写的网页

系统 1949 0

使用手机访问电脑上写的网页

做移动端开发都要开发环境,但是我们有可能会在想我们能不能在PC端开发完后,然后在手机端预览效果,这样的话,对于我们开发有以下优点:

        1. 能方便调式代码,能看到效果,不需要依赖于安装环境。

    2. 我们自己平时在家里也可以做移动端开发demo,让我们可以更多的了解移动端开发的知识点,减轻工作上压力。 

    下面来让我们来学习如何使用PC端开发网页,然后再在手机端预览效果!!

一: 搭建本地服务器环境,我是前端开发人员,对服务器端并不是非常了解,所以简单的搭建一个PHP环境,直接安装Wamp5软件,ok直接搭建了一个简单的环境。

  二:  在自己的电脑上建立wifi热点。

        1.  管理员运行命令如下:

             netsh wlan show drivers

         2. 可以新建一个bat文件 如wifi.bat,里面放如下代码:

             netsh wlan set hostednetwork mode=allow ssid=tugenhua key=12345678          

      mode:是否启用虚拟WiFi网卡,改为disallow则为禁用
      ssid:无线网名称,英文安全无副作用,这里用tugenhua做网络名称
      key:密码,最好八个字符以上。
        直接打开,运行下,之后在“网络连接”上会生成一个“无线网络连接”。如下图:
           使用手机访问电脑上写的网页
          再点击本地连接 右键-> 属性 -> 切换到共享按钮后 如下图:
           使用手机访问电脑上写的网页
 
       3. 再运行以启动虚拟网卡。

              netsh wlan start hostednetwork

          4. 查看本地IP如下:

              使用手机访问电脑上写的网页

             启动服务器,直接在本地访问这个IP或者用手机访问这个IP则不能访问,如下提示:

              使用手机访问电脑上写的网页

         5. 修改apache的http.conf文件:

             把所有的Deny from all  这行注释掉,再重启服务器就可以使用手机访问我们电脑上的网页,这样对于移动端开发非常方便,我们不需要一定安装环境了。

使用手机访问电脑上写的网页


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论