最近我在研究 Chrome DevTools MCP 時，遇到一個讓我困惑的問題：明明在 chrome://inspect/#remote-debugging 啟用了 Remote Debugging，也看到 Server running at: 127.0.0.1:9222，但 curl http://127.0.0.1:9222/json/version 卻回傳 HTTP 404 Not Found。深入研究後才發現，這其實是兩種不同的「連線建立方式」——以下就是完整的來龍去脈。
... 繼續閱讀 ...
我現在維護著幾套不同的 Chrome 擴充套件，每次發佈新版本時都需要手動上傳更新，覺得有點麻煩，所以我這幾天研究了一下 Chrome Web Store Publish API 並設定了 GitHub Actions 來自動化發佈 Release 與 Chrome Extension，真的方便太多了。這篇文章我就來說說這個設定的過程。
... 繼續閱讀 ...
我們最近有個專案使用 Blazor WebAssembly 技術打造一個以 Web 介面為主的 POS 系統，過程中有個功能需要重啟 Microsoft Edge 瀏覽器，我發現直接停用 Process (處理序) 的作法，可能會導致 Microsoft Edge 重啟時發生異常通知，這才發現原來還有更安全的關閉方法。這篇文章我打算來分享幾種不同的方法與適用的情境。
... 繼續閱讀 ...
我們一般在規劃設計一個網站時，通常都不會特別考慮一個網頁的 URL 到底會有甚麼上限，因為一個正常人絕不會把網址設計的很長很長，對吧？但有時候我們希望把一些網頁的狀態保存在網址列上，方便用戶將網址加入書籤，下次回來時就可以看到原本的資料，這時就有可能會讓網址變的很長。這個問題每隔一段時間就會有學員提出，今天我想透過這篇文章跟大家說說這個 URL 的長度限制。
... 繼續閱讀 ...
我昨天在授課的時候，突然遇到 Chrome 瀏覽器無法瀏覽網站的情況(ERR_UNSAFE_PORT)，我踩到一個不知道算不算罕見的地雷，在深入瞭解之後，覺得有必要寫成文章提醒大家，因為你還真的很有可能會在不久的將來遇到這個問題，看完文章才不會讓你日後鬼打牆太久，讓我們繼續看下去。
... 繼續閱讀 ...
昨天試用了一下 GitHub Codespaces 這套完全線上使用的整合開發環境，這套基於 Visual Studio Code 的雲端版本功能相當完整，所有在地端 Visual Studio Code 的設定，都可以全自動同步上去，所有擴充套件也都可以用。但唯一的不便之處，就是 Chrome 預設的 Ctrl-W (關閉目前頁籤) 快速鍵，會自動覆蓋掉 Visual Studio Code 常用的 Ctrl-W (關閉目前檔案)，可是這個快速鍵又這麼常用，所以一不小心就會關閉線上編輯器。因此，我研究出兩種方法有效避免頁籤被關閉！
... 繼續閱讀 ...
我覺得每個人在使用「瀏覽器」的時候，習慣差異真的很大，像我最常用的瀏覽器是 Google Chrome，原因是我喜歡保留那些尚未閱讀的 頁籤 (Tabs) 在瀏覽器上，等有空的時候再來閱讀，或是覺得有趣的文章，竟也不放進書籤，而是維持在【頁籤】上，並且設定當 Google Chrome 關閉後重開，頁籤會自動重新開啟。雖然其他瀏覽器也可以這樣設定，但只有 Google Chrome 的速度是最快的。只是，這樣的設定有個致命的缺點，那就是，這樣的使用習慣會讓 Google Chrome 變成一個狂吃記憶體的大怪獸。今天，我要介紹 OneTab 這個 Google 擴充套件，就是用來釋放你珍貴的記憶體資源！
... 繼續閱讀 ...
有時候有些頁面有計數器或者有些程式碼只需要讓使用者執行一遍而已，我們會不希望使用者拼命用 F5 或 Ctrl + R 重新整理頁面時擾亂程式的運作，要達成這個需求其實有很多作法，例如透過一個 Cookie、一個 Session 來做判斷，但今天我要分享一個暗黑密記，教你如何從 HTTP Request Header 就可以判斷出使用者正在執行該頁面的重新整理。
... 繼續閱讀 ...
網友 chihwen 提供了一條關於 瀏覽器對 "表單內容送出" 的編碼處理 的新線索，經我詳細測試下發現各瀏覽器之間的確還是有不同的處理規則，尤其是 IE 瀏覽器對這個屬性的實做不太老實進行了智慧型判斷處理，所以有必要特別說明，請看以下分析。
... 繼續閱讀 ...