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

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

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