年初微軟推出全新 Microsoft Edge 瀏覽器，雖然名稱沿用之前的 Edge，卻是將整個瀏覽器砍掉重練，直接以 Chromium 做為核心，也和 Google Chrome 一樣有著非常好的速度、安全性和穩定度，更重要的是也能使用 Chrome 龐大的擴充功能！雖然 Microsoft Edge 預設安裝擴充功能會連接到 Microsoft Store，如果你要使用的外掛只有在 Chrome 線上應用程式商店上架，只要設定一下也能回到熟悉的商店安裝瀏覽器擴充功能。
瀏覽器外掛
Checker Plus for Gmail 網頁版必備外掛，郵件通知不用開網頁就能收發信
平常在桌上型電腦都是使用「郵件」應用程式收發 Email ，但在 MacBook 筆電因為考慮到硬碟容量和電池續航力等問題，就會選擇透過瀏覽器以 Gmail 或其他網頁版服務收信，這麼長時間以來倒也沒什麼狀況發生，唯一不太方便的是無法很即時收到新郵件通知，特別是在一次擁有很多信箱的情況下（我想大家應該都會有工作和私人用的 Email 地址），如果你和我一樣，可以透過擴充功能改善類似情境。
Clear Cache for Chrome 一鍵清除瀏覽器快取，可自訂間隔時間、紀錄類型
很多時候我們會因為一些需求必須手動清除瀏覽器的快取資料（Cache），雖然瀏覽器本身就有提供刪除功能，但大多只能一次清理所有瀏覽內容，對於要刪除特定的快取時間區間、深度和項目可能就不夠彈性，為了解決類似問題自然就有各種非官方的快取刪除擴充功能可以選用，幫助使用者快速清除特定資料。
Authy 可備份的 Google Authenticator 替代方案，支援多裝置同步驗證碼
前幾天我在更換新的 iPhone 11 後寫下「換新手機如何備份和轉移 Google Authenticator 兩步驟驗證資料？」教學，事實上我忽略一件很重要的事，那就是 Google Authenticator 對於日後更換裝置或手機遺失來說非常不方便，一來它無法透過電腦進行資料備份，二來它沒有提供密碼鎖防護，像是現在經常使用的 Face ID、Touch ID 都不支援（Google 好像沒有很多心力在維護這個工具），而且它僅適用於行動裝置，要在電腦上進行兩步驟驗證必須拿起手機。
Hexometer Website Analyzer 分析網站使用那些第三方服務或工具（Chrome、Firefox）
通常一個網站背後是由許多的技術和服務組成，舉例來說，使用 WordPress 做為內容管理系統，再以 Cloudflare 加速並保護網站、對圖片進行分流，透過 Google Analytics 分析流量等資訊，搭配 Google AdSense 和 Google DFP 管理廣告和營利等等，雖然可以直接從原始碼得知網站可能使用那些技術，但也有更快速的查詢工具，像是 SimilarTech 和 WhatRuns 都能立即顯示某個網站使用的第三方服務或程式庫。
閱讀全文 » 關於 Hexometer Website Analyzer 分析網站使用那些第三方服務或工具（Chrome、Firefox）
Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）
如果要讓行動裝置正常瀏覽網頁，可以另外製作手機版頁面或是透過自適應網頁設計（Responsive Web Design，簡稱 RWD）技術來調整版型，那麼要怎麼知道一個網站有沒有支援 RWD 呢？最簡單的方法就是拖曳調整視窗大小，看看網頁是不是在寬度較窄時仍可正常顯示，例如選單可能會縮起變成點選後才展開的按鈕。大部分的開發者都會使用行動裝置測試版型，但每個裝置大小都有差異，若沒辦法同時擁有這麼多裝置進行測試，其實透過一些電腦上的工具也能達到相同效果。
閱讀全文 » 關於 Responsive Viewer 在單一頁面查看網頁在不同螢幕大小裝置的顯示樣貌（Chrome 擴充功能）