2023年10月18日 星期三

Firefox 與本機網頁伺服器

http://4rdp.blogspot.com/2023/10/firefox.html?m=0

前文在 D3.js 抓取 Google Drive 檔案時,為了除錯 Andy 推薦我使用 Firefox 瀏覽器來觀察網頁執行過程異常情形,它確實好用,所以推薦給有需要的人。於 Firefox 開啟右上角 ≡ 更多工具 → 網頁開發者工具,可以觀察網頁運行狀況。


程式正常時,可顯示數據圖案 (如上圖)


d3.v5.min.js:2 (fetch) 程式異常時,Firefox 下方可顯示錯誤之處

此外,測試這個程式是在本機端進行,因此需要建立一個本機網頁伺服器,設定方法如下:


一、把 html 相關等檔案放在指定路徑內,


二、開啟 cmd 視窗 (開始 → Windows 系統 命令提示字元) ,
三、變更執行目錄到指定的路徑,例如 cd C:\HTML
四、在該路徑下執行 python -m http.server,電腦系統要預先安裝 Python,


五、於瀏覽器的網址欄輸入 http://localhost:8000
六、點選希望執行的 html 檔案。

OSError: [WinError 10013] An attempt was made to access a socket in a way forbidden by its access permissions
當執行第四步驟出現上方錯誤訊息時,可以更改 port number,指令改下 python -m http.server 8080 以及 http://localhost:8080

本文算是補充前文遺漏之處,我是不太喜歡在電腦裡安裝很多軟體,若不是它的網頁開發工具很強,我不會安裝它。另外,沒想過 Python 可以啟動本機網頁伺服器,這是 ChatGPT 提供的解決方案。

沒有留言:

張貼留言