前文在 D3.js 抓取 Google Drive 檔案時,為了除錯 Andy 推薦我使用 Firefox 瀏覽器來觀察網頁執行過程異常情形,它確實好用,所以推薦給有需要的人。於 Firefox 開啟右上角 ≡ → 更多工具 → 網頁開發者工具,可以觀察網頁運行狀況。
程式正常時,可顯示數據圖案 (如上圖)
d3.v5.min.js:2 (fetch) 程式異常時,Firefox 下方可顯示錯誤之處
此外,測試這個程式是在本機端進行,因此需要建立一個本機網頁伺服器,設定方法如下:
二、開啟 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 提供的解決方案。
沒有留言:
張貼留言