關於 Chrome User-Agent Reduction
前陣子在處理公司應 Chrome User-Agent Reduction Plan 政策，盤點可能受影響之程式碼，這裡也記錄一下 User-Agent Reduction 這件事：
先說結論：User-Agent Reduction 旨在減少 user-agent 字串多餘資訊(或多餘的次版號）單純拿 user-agent 字串判斷的程式碼頂多 match 不到而已，應不至於造成 JS
瀏覽器
錯誤處理：開發 Client 別忘了實作 Error View 錯誤畫面
在 Web 前端中，若 JS Runtime 發生錯誤（例如存取 undefined 的屬性），頁面往往會直接變成一片空白，沒有任何提示，讓使用者以為網頁整個掛了。
雖然這對效能沒有幫助，但對使用者體驗來說卻非常關鍵。很多 Web 網站並未針對錯誤做處理。
常見情境
當 Web JS 拋出錯誤或後端 API 欄位漏給資訊，
SPA 部署後部分頁面載入失敗？覆蓋式部署的對應解法
這是近期工作上遇到的問題，記錄一下原因與解法，解法不一定是最佳解。
問題背景
接手了公司的一個網站，發現使用者一直在此單頁應用 SPA 中遇到偶發、但令人頭痛的問題。通常會在網站「部署新版本」後、且「使用者尚未重新整理頁面」的情境下發生。
情境如下：
1. 使用者正在我們的後台網站上瀏覽（例如還停留在 /home）。
2. 這時我們開發者部署了一個新版本，且採用了「覆蓋式部署」（也就是直接覆蓋掉原本的靜態資源）
Chrome 83 DevTools 新功能：切換 location 與 locales
這篇算是隨手紀錄，前幾天無意翻了翻 Chrome 文件，Chrome 83 (約2020年5月底發布) 更新後新增了些許功能。
不過最讓我眼睛一亮的是， DevTools 新增切換 location 與 locales 的功能。
打開 DevTools，選擇 ... > More tools > Sensors
可以看到 Sensors
mkcert：讓你在 localhost 開發也能用 https
mkcert 可以開發者快速產生 https 憑證，讓本地端 localhost 開發也能用https。
http、https 之間差異這裡就不贅述，對前端瀏覽器而言，串接後端 API 最常遇到的就是跨域 CORS 的問題，而不同協議 http、https 彼此也有跨域問題。
通常 local 開發環境通常會是 http，以前筆者還菜菜的時候，