2020年1月16日 星期四

伺服器應用程式 Web server for Chrome

我在 "Learning JavaScript Data Structures and Algorithms (3rd Edition)" 這本書裡看到它介紹了一個 Chrome Web Server Extension 擴充應用程式, 在 Chrome 中安裝後會提供一個 192.168.xxx.xxx 網址, 手機可連線同一個基地台後存取此 IP, 方便做手機網頁測試 (主要是 Javascript).


Source : 天瓏


在 Chrome 中連接下列網址 "Web Server for Chrome" :

https://goo.gl/pxqLmU 




按 "Add to Chrome" 後再按 "新增應用程式" 鈕安裝即可 :




安裝好後 Chrome 會開啟應用程式頁面 (網址 chrome://apps/), 其中 "200 OK Web Server" 這個應用程式即 Web server for Chrome, 點按會開啟伺服器管理視窗, 顯示伺服器已經預設開啟 localhost (127.0.0.1) 的 8887 埠 :





按上方的 "CHOOSE FOLDER" 鈕開啟網站專案目錄 (即要測試之網站), 然後點底下的網址 http://127.0.0.1:8887 即開啟網站之首頁 :





不過 127.0.0.1 網址只是筆電的 localhost, 手機無法存取, 必須勾選管理視窗中的 "Accessible on local network", 然後移動 "CHOOSE FOLDER" 底下的滑桿重新啟動伺服器, 底下就會出現 192.168.XXX.XXX 的內網 IP :






連接到同一基地台的電腦或手機存取此 192.168.XXX.XXX 網址也可看到網頁, 用 ping 指令可檢查連線是否可通 :

C:\Users\User>ping 192.168.43.14

Ping 192.168.43.14 (使用 32 位元組的資料):
回覆自 192.168.43.14: 位元組=32 時間<1ms TTL=128
回覆自 192.168.43.14: 位元組=32 時間<1ms TTL=128
回覆自 192.168.43.14: 位元組=32 時間<1ms TTL=128
回覆自 192.168.43.14: 位元組=32 時間<1ms TTL=128

192.168.43.14 的 Ping 統計資料:
    封包: 已傳送 = 4,已收到 = 4, 已遺失 = 0 (0% 遺失),
大約的來回時間 (毫秒):
    最小值 = 0ms,最大值 = 0ms,平均 = 0ms

參考 :

將Chrome瀏覽器變成「Web Server」方便行動裝置實機測試

沒有留言:

張貼留言