如何用手機測試自己寫的web頁面

千鋒HTML5學院發表於2019-06-11


  手機測試自己寫的web頁面方法有很多,在這裡稍微介紹一種,步驟如下

  1 首先安裝軟體phpstudy,安裝後開啟如圖

   3e071384806f4d588df86c449299dde3.png

  2 啟動phpstudy

   01aff50dd4364d38ae06f30298ebb561.png

  3 啟動成功後,如圖所示(注意:如果此處兩個點沒有變成綠色表示環境有些問題)

   3389f46dbd8844cdafe7ba7641bed572.png

  4 電腦開啟wifi  ,然後手機連上電腦的wifi,這一點很重要哦 (注意:保證手機和電腦在同一個區域網下)

  5 phpstydy安裝後,找到安裝路徑,並在路徑下找到WWW目錄,刪除裡面的三個資料夾,注意不是把WWW刪除,而是把WWW裡面的檔案刪除,刪除後如圖所示

   2a6944bc470c46fd94fc96a785ed1b46.png

  6 開啟瀏覽器,輸入localhost或者電腦的IP地址,如圖所示

   360946f051414ef8a83e9e1c6967fcda.png

   ef6f9840a61a403bb98dcc4884055ec9.png

  7 把自己寫的web頁面放在WWW目錄下面

   710572302fd34fa58c92e71b98626b07.png

  8 重新整理瀏覽器,會看到我們寫好的web頁面哦

   4c0c0a04f3d247af80f3892d95f0c06b.png

  9 然後直接點選頁面就可以開啟預覽

  10 開啟手機瀏覽器,輸入電腦的IP地址,同樣可以進入和電腦一樣的介面,那麼手機就能輕鬆的訪問WWW目錄下的所有檔案了,並且只要修改了WWW目錄下的檔案,手機只需要重新整理就可以同步看到效果哦


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69917019/viewspace-2647333/,如需轉載,請註明出處,否則將追究法律責任。

相關文章