使用手機訪問電腦上寫的網頁

使用手機訪問電腦上寫的網頁

　　做移動端開發都要開發環境，但是我們有可能會在想我們能不能在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  這行注釋掉，再重啟服務器就可以使用手機訪問我們電腦上的網頁，這樣對於移動端開發非常方便，我們不需要一定安裝環境了。