星期六早上在 Ptt 看到有版友反映 Firefox 瀏覽器所有附加元件失效的問題，本來不以為意，但到下午就連我電腦上的 Firefox 外掛也變得無法使用，如果你有遇到這問題，打開「附加元件管理員」後會看到整排的紅色訊息，顯示「無法驗證外掛於 Firefox 使用，已被停用」，必須尋找替代套件或移除，很明顯就是一個更新後才出現的臭蟲。別開玩笑了，有多少人每天依賴瀏覽器外掛，這些附加元件無法使用根本像斷了手腳，非常不方便。

稍微爬了一下國外媒體和 Reddit，找到不少解決方案，不過很多都必須修改設定檔，對於懶人來說實在不是很方便，還好有一個官方的方法可以暫時處理這個問題，讓 Firefox 附加元件恢復正常，也就是將內建的「Firefox 研究」打開，讓 Firefox 能夠取得最新的修復設定（Hotfix），但最終要完全解決可能得等下次更新出來才行，總之，至少讓 Firefox 附加元件可以正常使用。

相信這麼嚴重的問題應該不會拖太久，如果你和我一樣不想浪費太多時間研究，可以照著以下教學操作，應該就能暫時解決，但這方法僅適用於電腦版 Firefox 瀏覽器。

使用教學

STEP 1

在瀏覽器網址列輸入 about:preferences#privacy 後往下拖曳，找到「Firefox 資料收集與使用」功能，將「允許 Firefox 安裝並進行研究」（Firefox Studies）打勾（如果不能選擇請先把上面的允許 Firefox 傳送技術與互動資料給 Mozilla 勾選）。

STEP 2

點選「檢視 Firefox 所進行的研究」或在網址列輸入 about:studies 後會看到目前進行中的研究只有一個，可以先將 Firefox 瀏覽器關閉後重新開啟，稍待片刻就會獲取新的修復檔。

STEP 3

我在重新打開 Firefox 後就看到兩個新的進行中的研究，名稱分別為：

• hotfix-reset-xpi-verification-timestamp-1548973
• hotfix-update-xpi-signing-intermediate-bug-1548973

從名稱就能看到是針對臭蟲（bug）1548973 所做的修復更新。

再次回到附加元件管理員，就能看到紅字已經消失，雖然上方顯示這些擴充套件不符合 Firefox 目前的標準，不過在瀏覽器上使用是沒問題的，目前解決方法大概只做一半，恢復外掛使用是解決問題第一要務，其他部分就得等到 Mozilla Firefox 更新才行。

喜歡 所有 Firefox 附加元件已被停用？這個問題要如何解決？ 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

最近發現一些不錯的付費工具，雖然不是免費，但售價不高又可以方便解決工作或日常生活遇到的問題，打算在免費資源網路社群開個新分類推薦這些付費軟體和外掛功能，上一篇我介紹的付費軟體是「I hate mailto 點選 Email 不自動打開郵件軟體，將郵件地址複製到剪貼簿」，這個瀏覽器外掛其實功能很簡單，就是讓網頁裡看到的 Email 地址點選後可以一鍵快速複製，而不是直接打開 Email 郵件軟體，售價只有 $1.99 美金（約新台幣 60 元），做為瀏覽器外掛功能來說相當值得入手。

本文要推薦的「BlurPage」是一個付費的瀏覽器擴充功能，用途是讓使用者快速模糊、遮蔽網頁中不想出現的敏感資訊（例如信用卡卡號、身分證字號或真實姓名），對於我平常工作時需要擷取網頁圖片非常有用，如此一來就不需在截圖後使用其他軟體編輯處理。

我曾經在這篇文章提到平時工作會用到的軟體和服務，目前我使用 Skitch 和 Affinity Photo 進行相片後製處理，透過 BlurPage 就能在擷圖前將畫面先處理好。

會想推薦 BlurPage 的原因在於這個工具使用方法很簡單，操作起來也非常直覺，只要點選你想遮蔽的欄位或項目，就能快速讓它變模糊，無論是一般文字、表格、欄位、圖片或任何出現於網頁中的元素基本上都可模糊。

BlurPage 支援兩大主要瀏覽器：Google Chrome 和 Firefox，付費一次就能獲取這兩種平台的外掛功能註冊碼，外掛原售價是 $14.99 美金，透過試用網頁中的模糊功能可解鎖 25% OFF 折扣優惠，折價後是 $9.99 美金（大約新台幣 300 元），如果平常會時常需要處理網頁截圖的話 BlurPage 或許能讓你節省不少時間。

網站名稱：BlurPage
網站鏈結：https://blur.page/

使用教學

STEP 1

開啟 BlurPage 官方網站，可以從首頁提供的測試工具進行試用，點選「Try it now」來模糊你選取的欄位。

前面有提到 BlurPage 除了可以模糊欄位內的數值，還能處理網頁中的文字、圖片、表格、超連結或任何區塊，模糊後看起來效果就跟下圖的一樣。有時候我們必須要保留部分可供辨識的資訊，透過這個功能就能針對僅需要模糊處理的範圍進行處理，而且也不用使用者透過游標自己圈選範圍，外掛會自己標示出可以模糊的區塊。

STEP 2

如果決定要購買 BlurPage，將網頁拖曳到最下方找到 Purchase 就是了，網站有承諾購買後會有終身免費升級服務、可用於 Chrome 和 Firefox 兩種瀏覽器的序號註冊碼，這裡有一個小訣竅，可以把購買旁邊的模糊按鈕「取消模糊（Unblur）」來獲得折價。

透過試用上方的模糊工具來解掉模糊按鈕，就會出現「Discount 25%」折扣按鈕。

STEP 3

價格從原價 $14.99 變成 $9.99，蠻有感的折扣，直接透過線上購物車系統輸入信用卡資料或以 PayPal 付款。 順帶一提，BlurPage 購物車是使用 Gumroad，我曾在「Gumroad 線上購物車平台，快速上架實體虛擬商品，結合信用卡、PayPal 結帳支付」一文介紹過，如果有需要線上販售數位商品的話可以考慮使用這個平台。

付款後會出現 BlurPage 註冊碼，也會收到 BlurPage 寄來的郵件（裡頭有個 pdf 檔），點選檔案裡的網址打開 https://blur.page/guide/ 就能找到 Chrome 和 Firefox 外掛下載鏈結。

STEP 4

無論是 Chrome 或 Firefox 外掛，下載後開啟都會要求輸入註冊碼，確認已付費購買，否則就無法使用外掛的相關功能。

點選外掛後將游標移動到網頁上方，BlurPage 會標示出可以模糊處理的範圍，這是從原始碼來判斷網頁的各個不同區塊段落。

按一下就會讓該範圍變為模糊狀態，如果要遮蔽文字的某一段，也可使用相同方式，選取文字後按下滑鼠右鍵就有「Blur」模糊功能。

喜歡 BlurPage 可快速模糊網頁中任何內容的瀏覽器外掛（Chrome、Firefox） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

身為一個文字工作者，我對於文章排版和圖片相當堅持，特別是每篇教學都會用到的螢幕畫面擷圖，要怎麼設定抓取範圍、呈現都經過相當長時間的不斷研究摸索，才能盡力維持甚至改善文章品質。或許你無法花太多時間擷取螢幕畫面，但又希望擷圖能有不錯的效果，考慮為圖片加上好看的視窗外觀也會讓質感更為提升，之前介紹過 Frrames 和 Browser Frame 都是類似服務，或是利用 Screely 將圖片轉為帶有 Mac 視窗陰影效果。

本文要介紹的「BrowserFrame」是一個很好用的線上工具，可以將擷圖或任何圖片加上瀏覽器外框，支援各種作業系統瀏覽器，包括 Google Chrome、Firefox、Safari、Opera、IE 和 Edge，也有 Windows 和 Mac 兩種版本（外框看起來不太一樣），很多人偏好的深色佈景主題也在這項服務提供的素材清單。

開啟 BrowserFrame 輸入要擷取的網址會立即擷圖，或者可以上傳自己想要呈現的圖片效果，從網站選取外框，套用後預覽，喜歡就直接下載，非常簡單！文章最前面的免費資源網路社群畫面縮圖就是以 BrowserFrame 製作產生。

網站名稱：BrowserFrame
網站鏈結：https://browserframe.com/

使用教學

STEP 1

開啟 BrowserFrame 後先從右側找到上傳功能。

可以輸入網址直接產生擷圖，或點選其他部分跳出提示，可上傳、使用自己的圖片。

STEP 2

接著從左側選單點選要套用的瀏覽器視窗外框，選擇後右邊的圖片會即時更新。

BrowserFrame 提供的瀏覽器選項很多，包括 Windows、Mac 兩大常見的作業系統，還有不同的配色佈景主題，比較可惜的是沒有提供行動裝置版本。在選單裡可找到 Google Chrome、Firefox、Opera、Safari、IE 和 Edge。

STEP 3

在左下角還有一些細節設定，像是視窗顏色、寬度、高度或間距等等，有需要微調的話可以試試看從這裡調整。

最後，按下右下角的綠色「下載」按鈕就會取得視窗擷圖，如果要重新製作，則是點選旁邊的「取消」叉叉圖案，整體操作並不會太難，而且製作出來的擷圖效果相當理想，推薦給需要的讀者朋友試試。

喜歡 BrowserFrame 為網頁擷圖加上瀏覽器外框，支援各種瀏覽器和作業系統 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

最近將常用的瀏覽器從 Google Chrome 轉換為 Mozilla Firefox，因為工作需要我經常會準備好幾個不同的瀏覽器，每一種瀏覽器都設定為不同用途，例如一般上網、工作使用或是拿來進行測試等等，不過後來覺得這樣有點麻煩，打算把這些需求全部整合在一起，之前有段時間是以 Firefox 做為主要瀏覽器，原因在於 Firefox 速度快、更節省系統資源，原有在 Google Chrome 使用的擴充功能 Firefox 也能找到替代方案。

在轉換到 Firefox 後我就先遇到一個問題：有沒有好用的 Google 翻譯擴充套件？因為平時工作需要閱讀國外媒體，有時要找參考資料或解決方案也大多碰到英文或其他語言，雖然在閱讀上沒什麼問題，但還是習慣搭配 Google 翻譯使用，至少在轉換為自己熟悉的語系後即使有著滿滿的機器翻譯文字仍比直接閱讀外語輕鬆。

本文要推薦的「To Google Translate」是一個非常好用的免費 Firefox 擴充套件，用途是快速將當前網頁或某一段文字以 Google 翻譯轉為你預先選擇好的語言，通常在沒有外掛的情況下必須手動複製、開啟 Google 翻譯網站、貼上內容或網址才能進行翻譯轉換，透過 To Google Translate 可以快速轉換，無論是某段文字、整個網頁或開啟翻譯工具。

To Google Translate 允許使用者預先設定要轉換的來源語言、翻譯語言，除了文字翻譯外也支援以語音方式朗讀，如果 Firefox 使用者平常會經常用到 Google 翻譯的話可以考慮搭配這個附加元件使用，能讓整個流程節省很多時間。

擴充套件資訊

套件名稱：To Google Translate 谷歌快譯
適用平台：Firefox
程式語系：中文
安裝頁面：從 Firefox Add-ons 擴充套件下載

使用教學

STEP 1

以 Firefox 開啟官方的擴充套件頁面，點選上方「新增至 Firefox」安裝到瀏覽器。

To Google Translate 會要求兩個存取 Google Translate 資料的權限，這裡可以看到一般版和中國版的 Google 翻譯網址不同，分成兩種不同的請求權限，點選「安裝」即可。

STEP 2

安裝後先進入 To Google Translate 谷歌快譯「偏好設定」頁面，在這裡要做的是將譯至設定成你要使用的翻譯語言，例如 Chinese（Traditional）就是正體中文，上下兩個都要設定，分別是翻譯內文和翻頁整個網頁，而來源語言只要維持預設的「Auto」自動偵測。

如果你在中國，可能無法正常存取 Google 翻譯網站，可將第一個 Domain 選為 China，就會將翻譯工具設定為使用 google.cn 網域名稱。

STEP 3

要翻譯整個網頁的話只要在頁面點選滑鼠右鍵，從選單找到「Translate this page」，因為剛才已經設定過翻譯語言，後方會有提示是從「自動偵測」翻譯為「zh-TW」正體中文。

另一個用法是選取一段要翻譯的文字，一樣點選右鍵，找到「To Google Translate」就能選擇要翻譯或發音，因為這個工具必須搭配 Google 翻譯使用，選取後會自動把內容丟進翻譯頁面，若你的網路環境無法存取 Google 服務就無法使用。

STEP 4

如果要使用最基本的翻譯功能，直接點選右上角 To Google Translate 按鈕就會在下拉式頁面打開 Google 翻譯，包括選擇要翻譯的語言、聆聽、複製譯文、查看翻譯紀錄等等，非常方便好用。

喜歡 To Google Translate 快速將選取的文字或網頁以 Google 翻譯為特定語言（Firefox 擴充套件） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

以往我們會透過「Have I been pwned?」檢查自己的 Email 有沒有在這資安事件外洩的受害名單，或是利用 Pwned Passwords 看看密碼有無被竊取，事實上這些網站的安全性沒有問題，不過可能很多人不願意將個資輸入這些網站查詢，因此去年開始 Mozilla 就推出 Firefox Monitor 服務，和幾個管道合作（當中也包含知名的 Have I beed pwned?）讓使用者將手邊 Email 加入監控，一旦發現電子郵件地址出現在資安事件洩漏的清單就會通知使用者。

不得不說 Firefox Monitor 是很實用的工具，最近在更新 Firefox 後發現它已經整合到 Firefox Account，也就是說如果你使用 Firefox 瀏覽器並且註冊登入帳戶，就能自動為你監測該帳戶 Email 有沒有遭到其他網站外洩。

最近 Firefox Monitor 重新設計控制台介面，相較於一開始我介紹時使用的英文介面來說更加入了正體中文及其他語言，亦將各個外洩事件、時間、洩漏資料內容等資訊揭露出來，並提供發生網站資料外洩事件後要如何保護自己的帳戶等相關說明，對於使用者來說是個非常有用的功能。

Firefox Monitor
https://monitor.firefox.com/

使用教學

STEP 1

在我將 Mozilla Firefox 升級到 68 就看到如下畫面（或許是更早之前就內建的功能），提示使用者 Firefox 帳號當中已經加入這項功能，只要登入 Firefox Account 就會自動為你監測帳號安全。

STEP 2

Firefox Monitor 會顯示使用者當前監控的電子郵件信箱地址數量、在幾個已知的資料外洩事件中發現你的資訊被洩漏，更重要的是有些外洩事件已經包含你的密碼（無論是明碼或加密後的資料），這都可能使帳號陷入安全疑慮，必須特別注意。

STEP 3

往下捲動頁面會看到你的 Email 電子郵件地址出現在那些已知的外洩事件，會包含事件名稱、時間、洩漏資料內容，並能點選下方鏈結獲取更多關於此資料外洩事件的更多資訊。

詳細資訊頁面揭露此次的資料外洩事件時間、列入資料庫時間、洩漏資料情形等資訊，Firefox Monitor 可以搜尋自 2007 年開始的公開資料外洩事故，也就是一些中大型網站因為漏洞或資安問題而遭竊取的使用者個資（同時也被公開放到網路上），因為可能被任何人取得，這些資安事件更需要受到正視。

STEP 4

從設定中可以更改要監控的主要電子郵件信箱地址，也能在下方新增更多 Email 用以監控有無在未來的資安事件受到危害，加入方式很簡單，填寫 Email 並到信箱收取驗證鏈結，點選後就能加入 Firefox Monitor。

預設情況下在資料外洩時會發送警報通知至受影響的電子郵件信箱，使用者也可以選擇以同一個主要信箱接收通知。

STEP 5

Firefox Monitor 還有一個實用的功能是提供安全相關說明，例如當發生網站資料外洩事件後使用者應該做什麼，包括要立即更改密碼、在不同網站上使用不同的密碼組合，並停止重複使用相同密碼（這通常是比較常遇到的狀況）。

那麼要如何在不同的服務使用不同的密碼呢？畢竟我們也不可能同時記住那麼多不同的密碼，可以透過密碼管理工具為各項服務建立不同、且強度夠高的密碼組合，這會是最安全的方式（同時打開服務提供的兩步驟驗證功能）。

喜歡 Firefox Monitor 預設保護瀏覽器帳號，遭遇個資外洩事件發送 Email 警報通知 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

無論你是用 Google Chrome 或 Mozilla Firefox 瀏覽器，在擴充功能商店搜尋一下就有無數 VPN 外掛可以下載，對於要在上網時隱藏自己來源 IP、真實身分非常好用，也能輕鬆連上任何國家節點。幾年前 Opera 成為第一個在瀏覽器內建 VPN 功能的瀏覽器，讓使用者一鍵快速開關，選擇要連線的位置，除了強化隱私，也能達到加速甚至是節省流量的效果，更重要的是內建功能不用額外安裝，完全免費而且沒有流量限制。

最近 Firefox 也開始提供免費 VPN 服務「Firefox Private Network」，不過目前仍在測試階段，僅開放美國地區桌面版用戶使用，Firefox Private Network 使用附加元件的形式提供服務，讓使用者可以在上網時選擇是否透過 VPN 節點連線，這個功能和知名的 Cloudflare 合作（剛好最近也推出 Cloudflare WARP），在速度表現上相當優異，令人印象深刻。

Firefox Private Network 沒有複雜的操作介面，安裝到 Firefox 後就跟一般外掛一樣具有簡單的控制台，只有開啟、關閉兩個選項，無法選擇連線的節點。不過可能是還沒完全對外開放的緣故，連線速度很快，沒有廣告。在啟用前必須登入並連結你的 Firefox 帳號。

順帶一提，Firefox Private Network 和 Firefox 的 Test Pilot 計畫一起回歸，這是 Firefox 旗下的網頁實驗室，測試許多新鮮且尚未正式推出的服務或功能，例如之前介紹的 Firefox Send 檔案共享服務就是出自於此。未來 Firefox 會繼續測試並收集使用者建議，或許有朝一日就能看到 Firefox Private Network 正式開放。

Firefox Private Network
https://private-network.firefox.com/

使用教學

STEP 1

因為當前 Firefox Private Network 也就是 Firefox VPN 服務正在測試階段，只有開放美國地區的桌面端用戶使用，從台灣打開官網會看到如下畫面。

如果想要搶先體驗，可以先用其他 VPN 跳板偽裝成美國 IP，成功開啟並註冊這項功能後就可使用，未來就不需要再使用美國 IP。不過因為必須使用 Firefox 瀏覽器才能下載安裝此擴充功能，使用一般瀏覽器 VPN 外掛可能無法順利註冊，在這裡建議使用 TunnelBear 直接安裝 Windows 或 macOS 軟體（而且還有免費方案可以選擇，就不用再另外付費）。

STEP 2

若你在美國地區，或是透過 VPN 連到美國節點，開啟 Firefox Private Network 官網就會看到中間出現一個「+ Add to Firefox」，點選後就能下載擴充功能。

Firefox Private Network 是以擴充功能形式存在，點選「安裝」加入瀏覽器。

STEP 3

完成安裝後就會在右上角出現一個新的圖示。

第一次使用會要求登入 Firefox 帳號，如果你已經開啟 Firefox Sync 同步，這裡就可以直接點選「登入」，或是免費註冊一個 Firefox 帳號。

STEP 4

到這裡為止，已經不再需要美國的 IP 位址，即使沒有連上其他 VPN 服務依然可以在瀏覽器裡開啟 Firefox Private Network 功能，點選此擴充功能後，將開關切換為開啟狀態，上方出現「ON」代表已經連線到虛擬私人網路。

在這連線狀態資料傳輸會更為安全，你的真實來源也不會被網站會追蹤器知道，當然這就是 VPN 功用，不過 Firefox Private Network 無法讓使用者選擇要連線的節點位置，但速度表現還蠻理想，而且沒有流量限制。

點選右上角設定，並沒有其他可以選擇的功能選項，不過從最下方可以得知這項虛擬私人網路服務確實是由 Cloudflare 提供，而 Cloudflare 資料中心遍及世界各個角落，無論從那個地方連線都能獲得不錯的效果。

STEP 5

在 Firefox Private Network 開啟模式下查詢自己的來源 IP 位址，會顯示為和本機不同的來源，而網路服務提供商則為 Cloudflare WARP，看來確實是使用了 CF 自家的 VPN 節點。

大家都知道 VPN 就是透過一個第三方伺服器進行連線，所以速度上一定不如直接連線來得這麼理想，若非必要其實不用打開，Firefox Private Network 也提供一個快速開關，直接切換為關閉後就不會透過 VPN 連線。

喜歡 Firefox Private Network 火狐和 Cloudflare 攜手推免費 VPN 無流量限制 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

最近 Instagram 正在測試一項全新設計，那就是將愛心數隱藏，未來有可能看不到貼文被多少人按過愛心，希望使用者回歸到單純分享的美好，而不是因為競爭而影響心理健康。印象中從很久以前 Facebook 就有討論過要移除按讚（Likes）功能，不過至今依然還是大家關注貼文熱門程度的指標，就我的使用經驗來說，愛心數確實會影響瀏覽貼文的意願，而且使用者之間也很容易互相比較，對於想單純閱讀貼文來說並沒有太多幫助。

如果你不希望因為這些數字而影響到使用體驗，本文要介紹的「Hide Likes Everywhere」是很有用的工具，透過這項瀏覽器外掛可以隱藏社群網站的各種指標，例如 Facebook 按讚和分享數、Twitter 追蹤人數或貼文的愛心數、YouTube 喜歡與不喜歡的人數，當然也有最多人使用的 Instagram 愛心數，都可透過 Hide Likes Everywhere 隱藏。

為什麼要隱藏按讚數、追蹤人數或其他「虛榮度指標」呢？Hide Likes Everywhere 開發者認為我們經常因為數字而放太多心力在其實沒那麼重要的事情上，舉例來說，某篇貼文的按讚或分享數很多，可能會覺得它一定代表重要、成功或很酷；愛心數很少呢？沒那麼重要。最終我們很習慣地透過這些數字高低來評估一個人，尤其當使用者在線上表達自己，這些指標又太過敏感，很容易就迷失在這些數字中。

別讓「虛榮度指標」影響你的社群使用體驗，Hide Likes Everywhere 可以在瀏覽器隱藏這些數字，讓我們回歸真實的分享，一開始缺少這些數字你可能會覺得不太習慣，但過一段時間就會發現原來大家有多麼依賴這些數字，如果可以堅持下去，你會體會到沒有這些指標才是真正的美好。當然 Hide Likes Everywhere 當前只能在瀏覽器上使用，這些平台本身的功能依然存在，只是使用者在瀏覽網頁時不會顯示。

Hide Likes Everywhere
https://www.hidelikeseverywhere.com/

使用教學

STEP 1

Hide Likes Everywhere 外掛支援 Google Chrome 和 Firefox 兩大瀏覽器，可以分別從官網找到應用程式下載鏈結，以下我就直接使用 Chrome 瀏覽器進行操作。

開啟 Hide Likes Everywhere 的 Chrome 線上應用程式商店頁面，點選「加到 Chrome」將外掛下載、安裝至瀏覽器。

STEP 2

第一次使用時 Hide Likes Everywhere 會需要權限，點選「Allow Permissions」並允許外掛程式可以隱藏你訪問網站的按讚或愛心數。

Hide Likes Everywhere 支援 Facebook、Twitter、YouTube、Reddit 和 Instagram，安裝後外掛會直接顯示鏈結，可以快速訪問這些網站來看看實際運作情形。

STEP 3

一般來說，使用者看到的 Facebook 貼文下方會有按讚數、留言數和分享次數。

在使用 Hide Likes Everywhere 後就會隱藏這些數字，雖然功能按鈕依然在下方，但至少在瀏覽貼文時不會受到這些數據影響。

STEP 4

最多人使用的 Instagram 網頁版一樣可以透過 Hide Likes Everywhere 隱藏按讚人數，原有情況下會顯示該篇貼文有多少人說讚。

現在不用等 Instagram 把這個功能拿掉，我們就能使用外掛來隱藏這個數字。

喜歡 Hide Likes Everywhere 隱藏臉書、IG 按讚愛心數，回歸最真實的分享（Chrome、Firefox） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

通常一個網站背後是由許多的技術和服務組成，舉例來說，使用 WordPress 做為內容管理系統，再以 Cloudflare 加速並保護網站、對圖片進行分流，透過 Google Analytics 分析流量等資訊，搭配 Google AdSense 和 Google DFP 管理廣告和營利等等，雖然可以直接從原始碼得知網站可能使用那些技術，但也有更快速的查詢工具，像是 SimilarTech 和 WhatRuns 都能立即顯示某個網站使用的第三方服務或程式庫。

本文要介紹的「Hexometer Website Analyzer」來自 Hexometer，是一個相當知名且獲得好評的網站分析服務，整合像是頁面分析、失效鏈結掃描、Meta 標籤分析、IP 及網域名稱查詢、網頁速度掃描、SSL 監測等等工具，Hexometer Website Analyzer & Ranker Tool 則是免費的瀏覽器擴充功能，支援 Google Chrome、Firefox，可以快速查詢某個網站評分（HX Rank）、使用的技術和服務、網域名稱和頁面元件。

當然像是 Hexometer Website Analyzer 這類工具主要都是想吸引使用者去使用他們的服務，但在不用付費的情況下依然可以透過 Hexometer 取得不少資訊，值得一提的是 Hexometer 除了會告訴你某個網站使用那些技術，也能知道該技術或服務被多少網站使用，市佔率也是考慮的因素之一，我認為對於網站管理者來說相當有用。此外，它可以分析頁面大小及相關檔案（CSS、JavaScript 和圖片）比例，若要最佳化網頁也會很有幫助。

Hexometer Website Analyzer & Ranker Tool
https://hexometer.com/

使用教學

STEP 1

Hexometer Website Analyzer & Ranker Tool 是瀏覽器外掛功能，可以從 Hexometer 官方網站找到下載鏈結，或是直接點選 Google Chrome、Firefox 下載，安裝方式和一般外掛相同，不用註冊或登入帳戶就能使用外掛上的完整功能。

STEP 2

開啟要查詢的網站，點選右上角 Hexometer 圖示會開啟相關功能，第一個畫面是 HX Rank，也就是透過 Hexometer 演算法為每個網站計算出的數值，從幾個主要的分析參數得到的結果，不過數字通常是幫助我們最快看到成效的方法，實際上還是得從細節來探討有沒有任何的最佳化空間，有興趣可以在 Hexometer 網站獲得更多資訊。

STEP 3

切換到「Tech Stack」也就是網站使用那些技術或服務堆疊而成，會出現該頁面偵測到的第三方服務或技術，例如 Facebook、Cloudflare、Google Analytics 或 WordPress 等等。

點選某個服務或技術下方的鏈結後會回到 Hexometer 網站，在這裡會直接告訴你某個服務的市佔率高低，舉例來說，內容傳遞網路（CDN）佔比最高的是 Cloudflare，其次才是 Amazon Cloudfront 和 Fastly，當然這可以做為要選擇或更換服務的參考，使用人口比例越高，可能可以獲得更好的價格或技術支援，不過還是得評估自己的需求。

STEP 4

另外，在「Assets」部分會顯示該網頁目前的頁面大小、載入多少元件，還有 CSS、JavaScript 和圖片等等檔案分別有幾個，網站速度已經是目前搜尋引擎排序的重要指標，Google 也不斷提倡加快網站載入速度，在網頁檔案上就要嚴格控制，盡量讓網頁更輕巧就能有更好的速度表現。

在 Assets 最底下有個鏈結會回到 Hexometer，當然也是透過這家公司的查詢工具得出更多更細部的資訊，對於使用自適應網頁設計（RWD）的網站來說，Hexometer 會顯示在桌上型電腦、筆記型電腦和行動裝置的網頁呈現樣貌，而下方還會有開啟該網頁時會載入的相關檔案，這對於要降低頁面大小、加快網頁載入速度和找出用不到（或無法使用）的檔案來說很有用。

喜歡 Hexometer Website Analyzer 分析網站使用那些第三方服務或工具（Chrome、Firefox） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

平常在桌上型電腦都是使用「郵件」應用程式收發 Email ，但在 MacBook 筆電因為考慮到硬碟容量和電池續航力等問題，就會選擇透過瀏覽器以 Gmail 或其他網頁版服務收信，這麼長時間以來倒也沒什麼狀況發生，唯一不太方便的是無法很即時收到新郵件通知，特別是在一次擁有很多信箱的情況下（我想大家應該都會有工作和私人用的 Email 地址），如果你和我一樣，可以透過擴充功能改善類似情境。

本文要介紹的「Checker Plus for Gmail」是一個免費瀏覽器擴充功能，支援 Chrome 和 Firefox 兩大瀏覽器，簡單來說，它可以在瀏覽器上執行 Gmail 相關功能，不需要將網頁打開，如果有新的信件也會出現推播通知，直接從瀏覽器工具列的 Checker Plus for Gmail 查看郵件內容，亦可回覆、刪除或撰寫新郵件。

更重要的是 Checker Plus for Gmail 支援多帳戶，如果你有多個 Gmail 帳戶（包含 G Suite 也就是 Google Apps）也能正常收發郵件，獲取通知，使用者透過擴充功能可以變更通知音效、佈景主題或相關設定，特色之一就是擁有非常完整的設定選項，而且使用最少權限滿足該有的功能。

Checker Plus for Gmail
Chrome | Firefox

使用教學

STEP 1

開啟 Checker Plus for Gmail 擴充功能頁面，點選「加到 Chrome」下載，如果是使用火狐瀏覽器 Firefox 的朋友也可以找到 Mozilla Firefox 擴充套件頁面，點選按鈕將它加入你目前慣用的瀏覽器。

STEP 2

預設情況下 Checker Plus for Gmail 會自動偵測瀏覽器已登入的 Google 帳戶，點選圖示按鈕後就會出現這些信箱尚未閱讀的新郵件，我登入兩個不同的 Gmail 信箱就自動在左側顯示兩個使用者名稱，上方數字則是尚未閱讀的郵件數。

很實用的是結合瀏覽器的桌面通知功能，當有新的郵件時 Checker Plus for Gmail 就會跳出通知和音效提示，讓我們不會錯過任何新的郵件（也是使用網頁版容易遇到的問題就是不夠即時）。點選郵件後就能開啟並瀏覽內容，和 Gmail 網頁版操作方式差不多。

STEP 3

主要的 Gmail 功能可以在 Checker Plus for Gmail 選單找到，像是撰寫郵件、更新、開啟勿擾模式、將所有郵件標記為已讀或是快速聯絡人等等，這個外掛除了接收和閱讀郵件以外也有撰寫郵件等相關功能。

從外掛選項中可以找到各種設定項目，如果要加入更多帳戶，只要找到「帳戶 / 標籤」功能就有「新增帳戶」選項，前面有提到預設情況下外掛會自動偵測已經登入的帳戶，若有需要也可以切換到手動新增模式。

STEP 4

Checker Plus for Gmail 只有在信箱中有新郵件時才會在列表顯示，若讀取或標示為已讀後就會隱藏，預設情況三十秒會自動重新整理、更新一次，以便讓使用者更即時接收郵件，對於平常會使用 Gmail 網頁版的朋友來說是個非常值得一用的瀏覽器擴充功能。

喜歡 Checker Plus for Gmail 網頁版必備外掛，郵件通知不用開網頁就能收發信 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

Instagram Direct 訊息功能（或俗稱小盒子）是許多人會用到的即時通訊服務，雖然在 Facebook 宣布收購 Instagram 後就加入這項功能，一開始很不能適應，但久而久之好像也就習慣了，現在反而成為我最常用的通訊軟體之一。其實聊天軟體都大同小異，主要在於你的好友或生活圈選擇那個平台，我覺得好不好用也取決於它支援那些平台，Instagram Direct 當前最大的不方便之處在於只能在手機上使用，若你在電腦前就不像 LINE 或 WeChat 有提供對應的應用程式或網頁版介面。

年初 Instagram 宣布要開放一小部分使用者測試 Direct 網頁版功能，但要等到正式全面開放可能還需要好幾個月的時間，在此之前如果你想在電腦上傳送和接收 IG 私訊，可以試試看以下應用程式：

• Flume for Mac 最好用的 Instagram 電腦版免費下載！支援上傳相片及私人訊息等完整功能
• IG:dm 在電腦上使用 Instagram 訊息功能，支援 Windows、Mac 和 Linux
• 使用 Instagram Windows 10 應用程式直接在電腦上接收傳送 Direct 訊息
• Mini for Instagram with DM 直接在電腦上傳 IG 照片、傳訊息（Chrome 擴充功能）

其實國外有不少教學教大家怎麼透過瀏覽器使用 Instagram Direct 網頁版功能，除了安裝外掛，使用內建的「開發人員工具」就能做到，簡單來說，以行動裝置開啟網頁版 Instagram 就會有 Direct 訊息功能可以使用，但在一般桌面端這個功能不會出現（也還沒有開放），必須要在電腦上使用行動版的 IG ，最簡單的方法就是透過開發人員工具將瀏覽器模擬為行動裝置版本。

如果你想在 Google Chrome 或 Mozilla Firefox 瀏覽器使用 Instagram Direct 即時傳送或接收私訊，在這項功能還沒有正式開放前，可以試著透過接下來的教學進行，不一定可以一直使用，至少在 Instagram 決定對所有使用者開放 Direct for Web 之前是個可行的解決方案，搭配上瀏覽器的桌面通知，就成為一個可以接收和傳送訊息的網頁版即時通訊應用服務。

使用教學

STEP 1

以瀏覽器開啟 Instagram 網頁版，登入帳號後會看到電腦版的 Instagram 介面，在這階段右上角選單並不會有 Direct 訊息功能（未來會開放），即使直接訪問 https://www.instagram.com/direct/inbox/ 頁面也會顯示錯誤結果。

STEP 2

接下來我會以 Google Chrome 瀏覽器示範，Firefox 也有類似功能，但可能顯示的名稱不同。

在 Instagram 頁面按下滑鼠右鍵，從選單找到「Inspect（中文版顯示為檢查）」功能，這個操作是讓我們先打開瀏覽器的開發人員工具，在這工具中有很多很好用的功能，特別當你是開發者時一定會用到。

接著點選左上角的「Toggle device toolbar」按鈕，這個功能可以讓我們以瀏覽器模擬不同的行動裝置來測試當前頁面。

如果你覺得開發者工具顯示於下方會干擾閱讀或使用體驗，可點選右上角的「選單」，找到 Dock Side 選項讓它顯示於右側或左側，我比較習慣讓開發者工具相關功能顯示於畫面右側。

STEP 3

上方可切換模擬的裝置類型，像是 iPhone、iPad 或 Android 手機，我在這裡直接選擇自適應模式，重新整理頁面，會看到 Instagram 網頁已經變成手機版。

點選下方最左邊的按鈕回到 IG 首頁，右上角就會出現 Instagram Direct 訊息功能。

STEP 4

透過這個方法就能以 Google Chrome 或 Firefox 桌面端瀏覽器使用 Instagram Direct 訊息功能，像是撰寫新訊息、回覆、傳送圖片都可以使用，也能搭配瀏覽器的通知功能在收到訊息時跳出提示，就不用擔心錯過訊息。在使用時如果偶爾發現無法正常載入或讀取等問題，只要重新整理一下網頁就能回復。

未來 Instagram Direct 就會開放於桌面端網站，不過目前僅提供很小部分的人進行測試，在此之前可以先使用這個方法在電腦上傳送接收 IG 訊息，可能在操作上比較土法煉鋼，如果你想要更流暢使用可以考慮透過應用程式或瀏覽器擴充功能。

喜歡 在 Google Chrome 瀏覽器使用 Instagram Direct 電腦版傳訊息教學 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

現在放到網路上的任何資料都可能被永久保存，即使編輯或刪除頁面內容依然無解，大家都知道搜尋引擎 Google 或 Bing 會索引頁面，短時間內就會快取內容，但我之前曾經提到過的網頁時光機 Wayback Machine 可以完整備份網頁畫面及相關檔案，提供可永久引用的來源，如果某個網站營運時間夠長，重要性很高，甚至能夠回溯到更早以前某個時間點畫面。因此網路上的足跡是很難被抹除的，要將任何文字圖片放上網路時務必要更謹慎小心。

本文要介紹的「Archiveror」是一個瀏覽器擴充功能，支援 Google Chrome 和 Firefox，外掛本身開放原始碼，提供使用者快速備份、保存當前看到的網頁內容，Archiveror 使用第三方服務包括 Archive.is、Archive.org、Perma.cc 和 Webcitation.org 來備份網頁，透過下拉式選單快速將頁面鏈結提交到指定的服務上，就能產生永久使用的網址。

之前曾介紹過幾個類似的外掛功能，像是：

• Wayback Machine 免費 Chrome 外掛在網頁內容被刪除時快速取出備份
• Archiver Menu 免費網頁內容備份、找回快取暫存資料 Firefox 瀏覽器外掛
• Save To The Wayback Machine 一鍵備份網頁內容，查詢已存檔頁面版本

現在網路上備份資料量最多的是 Archive.org，相信大家應該都不陌生，之前還有 The Great 78 Project 收錄兩萬張古董黑膠唱片，Internet Arcade 提供 900 種老式投幣接機電玩線上玩，兩千種 MS-DOS 骨灰級老遊戲都是出自這個非營利組織。另一個支援的 Archive.is 也很有名，我有寫文章介紹過，Perma.cc 依然提供服務，但我測試好像無法使用，Webcitation.org 則已經停止接受新的網址提交請求。

除此之外，Archiveror 也能為網頁製作本機備份，將頁面資料保存在單一 MHTML 檔案中。

Archiveror
https://www.rahielkasim.com/archiveror/
Chromium | Firefox

使用教學

STEP 1

開啟 Archiveror 擴充功能頁面，點選「加到 Chrome」下載安裝瀏覽器外掛。Firefox 使用者可以透過上面提到的鏈結，返回到 Firefox 擴充套件頁面進行下載。

STEP 2

在你要備份、保存的頁面點選 Archiveror 按鈕，會看到幾個可用的備份服務，最底下的選項則是將頁面備份到本機磁碟，製作成 MHTML 格式。

最簡單的方法就是按下「Archive Now!」，外掛就會將頁面網址提交到 Archive.org 備份。

STEP 3

Archive.org 網頁時光機「Wayback Machine」需要一小段時間處理頁面資料，同時將相關檔案一併備份，例如圖片、樣式表或會用到的 JavaScript 等等，以確保未來開啟時能重現當時的頁面樣貌。這部份和 Google 等搜尋引擎的庫存機制不同，通常頁面庫存只會保留文字，如果有圖片或相關檔案並不會保存。

等到備份完成後，網址會變成 web.archive.org 開頭，這個固定鏈結就能永久存取某個時間點的某個頁面，也就達到所謂的頁面備份需求。

我也試著透過 Archive.is 備份一次頁面，中文內容當然也能正常顯示沒有問題，比較不一樣的是除了保存網頁外，還會建立一個螢幕擷圖，上方也會標示頁面備份和被存檔的日期時間。

喜歡 Archiveror 快速備份、永久保存當前看到的網頁內容（Chrome、Firefox） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

如果你習慣會在瀏覽器開很多分頁標籤，有時候也想整理一下這些網頁，比較土法煉鋼的作法是開另一個瀏覽器、手動把網站一個一個貼過去，或是乾脆利用 OneTab 將現有的分頁直接濃縮在另外一個頁面方便後續使用。除此之外，也有幫你輸出、備份瀏覽器所有分頁網址的工具，像是 Copy All Urls、TabInfoCopy 都很有用，只要點一下按鈕，就能快速將所有開啟的分頁網址通通複製、轉為文字格式。

本文要介紹的「Copy All Tab Urls」是一個免費的 Firefox 瀏覽器附加元件，從外掛名稱就能知道它可以快速複製所有瀏覽器分頁網址，和前面提到的 Copy All Urls 類似，對於要整理開啟的分頁，或是收集資料來說會很方便好用，例如要收集某個主題相關參考資料，將它們打開後放在分頁上，透過這個外掛就能快速複製所有頁面網址。

Copy All Tab Urls 可讓使用者自訂要複製當前視窗的所有分頁網址，或是所有視窗；亦可複製所有分頁網址或僅有網頁網址（選擇後者的話，Firefox 設定頁面或附加元件管理員分頁就不會被複製）。另一個我覺得很棒的特色是 Copy All Tab Urls 能選擇要複製網址、標題加上網址或是 Markdown 語法。

Copy All Tab Urls – 下載 Firefox 擴充套件（zh-TW）
https://addons.mozilla.org/zh-TW/firefox/addon/copy-all-tab-urls-we/

使用教學

STEP 1

以 Firefox 開啟 Copy All Tab Urls 擴充功能頁面，點選「新增至 Firefox」下載安裝。

下載後會跳出提示訊息，詢問是否要安裝此外掛，點選「安裝」就能開始使用。

STEP 2

Copy All Tab Urls 使用方式很簡單，點一下附加功能按鈕，就會複製所有開啟的瀏覽器分頁網址，在剪貼簿或其他地方貼上即可看到鏈結，會依照分頁順序顯示，每行一個網址。

STEP 3

如果你想調整 Copy All Tab Urls 選項，在按鈕按下右鍵點選 Options 就能看到如下圖的設定畫面，預設情況下只會複製當前視窗的所有分頁、複製所有網址，最下方格式部分有：網址、標題加上網址和 Markdown 語法三種選項。

STEP 4

我個人覺得標題加上網址的格式對於整理資料來說會很有幫助，點選 Copy All Tab Urls 按鈕後就能讓現有的分頁標籤以下圖的格式輸出，直接幫你把網站標題和網址都排列整齊，如果要分享大量網頁網址也會很有用，也很容易判斷每個網址會連結到那個網站。

如果你是要使用於討論區或是一些支援 Markdown 語法的編輯器，Copy All Tab Urls 也能直接把網站和網址列表以 Markdown 格式輸出。

喜歡 Copy All Tab Urls 快速複製所有瀏覽器分頁標題和網址（Firefox 附加元件） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

因為工作上需要經常閱讀外文內容，平常使用電腦大部分時間都會停在瀏覽器，遇到一些較艱澀難懂的原文網頁我會很習慣透過線上翻譯工具解決，相信大家一定知道 Google 或 Bing 翻譯都很方便易用，可以將文字轉為你熟悉的語言或是翻譯整個網頁，不過使用一段時間發現官方的 Google 翻譯擴充功能並不是那麼好用。順帶一提，如果你覺得 Google 機器翻譯的文字很難理解，我之前推薦過 DeepL Translator 已經支援中文，可以獲得更接近真人流暢語意的翻譯品質。

本文要推薦的「Simple Translate」是免費瀏覽器翻譯外掛，支援 Chrome、Edge 和 Firefox 三種市占率最高的瀏覽器選項（也在 Microsoft Edge 擴充功能商店上架），也是一個在 GitHub 開放原始碼專案。Simple Translate 讓使用者在瀏覽網頁進行翻譯時變得更快更簡單，只要選擇內文會自動彈出翻譯按鈕，點選就能立即顯示翻譯。

和其他類似的擴充功能一樣，Simple Translate 也能在點選右上角工具列圖示後跳出翻譯框，將內文貼上即時翻譯，包括快速切換語言、複製翻譯結果和發音功能。如果你習慣使用右鍵選單，在網頁上點選右鍵可以看到翻譯此頁面或是翻譯選取文字，也支援第二目標語言的雙向翻譯功能。

相較於 Google 翻譯官方擴充功能來說，Simple Translate 在操作速度及功能上更為全面，不僅有各種快速翻譯功能，也可調整翻譯按鈕的樣式、翻譯面板長寬、顏色和顯示位置等等。

Simple Translate
https://simple-translate.sienori.com/

使用教學

STEP 1

開啟 Simple Translate 擴充功能頁面，點選「加到 Chrome」即可下載安裝，如果你是使用 Edge 或 Firefox 瀏覽器可以在本文前面找到對應的擴充功能商店鏈結（或是 Simple Translate 官網）。

STEP 2

第一次使用時先進入 Simple Translate 設定選項，將目標語言改為你要使用的翻譯語言，例如中文繁體，第二語言可設定為英文或其他語言，正常來說會依照瀏覽器語言自動設定。

STEP 3

要如何使用 Simple Translate 自動線上翻譯功能呢？最簡單的方法是選取要翻譯的內文，看到段落旁邊出現一個 Google Translate 圖示，點選這個按鈕就會進行翻譯。

按下翻譯後 Simple Translate 就會將 Google Translate 翻譯結果在頁面上顯示出來，速度很快，不用額外打開新的瀏覽器分頁，也不需要手動複製貼上。

預設情況下會在選擇文字時顯示 Google 翻譯按鈕，如果你覺得這樣會干擾平常使用，或是好像要多按一下翻譯很麻煩，也可以從設定裡進行調整，像是選擇文字後不顯示翻譯按鈕、直接顯示翻譯面板，或是將此功能關閉不顯示按鈕與面板，使用其他方式進行翻譯。

STEP 4

Simple Translate 另一個使用方法是點選右上角工具列按鈕，會跳出下拉式的翻譯視窗，可以將內文複製、貼上，或是在選取文字段落後按一下按鈕，內容會被自動帶入翻譯，在下方顯示出結果，翻譯的目標語言可以從外掛選項進行設定，翻譯結果會立即顯示於下方。

因為是使用 Google Translate 進行線上翻譯，有非常豐富的語言可以選擇，除此之外，也能快速複製翻譯結果，或以朗讀方式將內文念出。

STEP 5

若你比較偏好以右鍵選單操作，Simple Translate 也會在選單裡顯示翻譯功能，選擇要翻譯的內容後按下右鍵，會有「翻譯選取文字」選項；若是沒有選取內容時也會顯示「翻譯此頁面」，可將整個頁面網址傳送到 Google Translate 進行線上翻譯，整體來說真的非常方便好用。

喜歡 Simple Translate 選取文字快速線上翻譯，讓 Google 翻譯更好用 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

在絕大多數的網站上都能透過右鍵另存圖片方式取得圖片檔案，如果找不到路徑，也有開發人員工具可用，除非是刻意限制例如鎖住右鍵、禁止查看原始碼或是隱藏在其他資源裡，不然圖片理論上被載入後就一定可以取得（最不行的情況下還有螢幕擷取功能）。若使用者經常會碰到下載圖片的情形，單張手動儲存可能太耗費時間，可以使用之前介紹過的 Imageye、Image Picker 或 Fatkun Batch Download Image 瀏覽器外掛，除了支援批次下載，也能更方便找到網頁上出現但是不容易取得的圖片檔案。

本文要推薦「圖片助手 ImageAssistant」是一個免費的瀏覽器擴充功能，在 Chrome、Edge、Firefox 和 360 瀏覽器應用程式商店上架，支援 Chrome 和 Firefox 瀏覽器已經涵蓋大多數的使用需求。相較於其他同類型的圖片下載器來說「圖片助手」更為強大，利用下拉式工具或右鍵選單就能提取網頁中所有圖片，在下載工具裡列出所有搜尋到的圖片預覽圖、解析度大小，就能透過此功能快速打包下載或單獨取得某些圖片。

除此之外，對目前普遍使用的圖片延遲載入（Lazy Load）技術也能正常抓取，可依照圖片類型、尺寸大小或網址進行篩選，一次選取多張要下載的圖片打包下載，非常方便。另一強大功能是「圖片助手」具有「預取連結」選項，可以預先抓取在同一網頁、不同鏈結裡的圖片資源，甚至很可能會撈到在頁面上沒有出現的圖片素材，務必小心使用。

整體來說「圖片助手」確實非常好用，不僅操作方式簡單、有中文介面，在各大瀏覽器應用程式商店上架，無論是使用 Google Chrome、Microsoft Edge、Mozilla Firefox 都能取得對應的外掛，如果遇到無法順利取得的圖片可以試試看圖片助手功能。

圖片助手 ImageAssistant
https://www.pullywood.com/ImageAssistant/

使用教學

STEP 1

從圖片助手 ImageAssistant 網站可以找到外掛下載鏈結，目前已經在 Chrome、Edge、Firefox 等官方的擴充功能商店上架，例如大家最常用的 Google Chrome 也能找到對應的下載鏈結。

STEP 2

安裝後圖片助手會在瀏覽器右上角顯示一個 IA 圖示，當你想在某個網頁下載圖片，但又找不到圖片網址或無法順利下載，點選圖片助手後按下「提取本頁圖片」功能，就能開啟外掛的圖片下載模式。如果你想搜尋更多圖片，可以試試看「核彈級」的預取連結或是「氫彈級」的分析預取資料功能，相較於一般的提取頁面圖片來說會偵測到更多圖片。

STEP 3

接著圖片助手就會在新的分頁顯示出所有偵測到的圖片，提供預覽圖、下方標示解析度大小，上方會顯示找到的圖片數量、篩選器和功能按鈕。

利用篩選器可以找出特定的圖片格式、解析度大小，或是透過 URL 找出符合特定網址的圖片。

STEP 4

直接以拖曳方式選取要下載的圖片，從上方工具列選擇「下載」就能將所有圖片打包一次儲存下來。

圖片助手會將圖片保存在特定資料夾，依照網址、日期和網頁標題命名資料夾，批次下載後圖片會自動編號命名。設定選項看起來好像很複雜，其實不會太困難，如果不確定怎麼設定的話可以先直接下載，下載後從資料夾的配置情形就知道每個選項應該怎麼調整。

STEP 5

如果是單獨下載某幾張圖片，圖片助手一樣幫得上忙，而且操作也很簡單，只要在網頁點選圖片助手工具打開圖片下載功能，從中點選要下載的圖片即可。

點選後打開原始圖片預覽，上方會有解析度大小、圖片類型和標題，在圖片上按右鍵就能儲存。

喜歡 圖片助手 ImageAssistant 分析網頁圖片網址工具，批次打包突破下載限制 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

分頁標籤已成為目前瀏覽器的標準功能，可以在同個瀏覽器視窗同時打開不同網頁，又能在分頁之間快速切換，即使會耗用硬體資源大家好像也都很習慣使用，不過通常在不斷開啟分頁後就會累積一堆用不到的頁面，讓操作上變得沒有效率，除了使用分頁擴充功能進行整理或管理，也能利用分頁群組對不同網頁標記顏色或分類，當然我覺得更重要的就是順手將用不到的網頁關掉，如果要暫存可以存到 Pocket 之類的稍後閱讀服務。

本文要介紹的「10 tabs, no more」是一個很有趣的瀏覽器外掛，安裝後會在開啟超過 10 個分頁後跳出提示通知，隨機關閉停留在瀏覽器上的分頁，使分頁標籤維持在一定數量。當然這個限制可以依照使用者的需求自行調整，包括分頁數量和倒數計時時間，也能設定要隨機關閉分頁或是關閉最後打開的分頁。

這個外掛支援瀏覽器包括 Microsoft Edge、Google Chrome 和 Mozilla Firefox，也都分別在這些瀏覽器應用程式商店上架，這是一個開放原始碼專案，如果需要還能下載打包好的壓縮檔。

10 tabs, no more
https://ten-tabs-no-more.web.app/

使用教學

STEP 1

接著我使用 Chrome 擴充功能做為範例，開啟「10 tabs, no more」Chrome 線上應用程式商店後點選右上角的「加到 Chrome」按鈕即可下載安裝，和一般外掛功能相同。

STEP 2

安裝後點選「10 tabs, no more」按鈕會出現下拉選單，由上而下分別是開關鍵、最大的分頁數限制、倒數計時和選擇要關閉的分頁類型，預設情況下會設定最大分頁數 10 個、倒數計時 30 秒會隨機關閉分頁使瀏覽器的分頁回到預先設定的數量。

STEP 3

當使用者開啟的瀏覽器分頁數量超過 10 tabs, no more 限制，通知會跳出來有多少時間可以將用不到的分頁關閉，否則外掛就會幫你動手。

若一直不予理會 10 tabs, no more 就會依照使用者的設定值將分頁關閉，舉例來說，我設定要保留的分頁為 50 個，超過後外掛就自動幫我關掉 5 個，而且也會跳出通知告訴使用者總共關閉幾個分頁，如此一來就能避免不斷開啟分頁造成系統負載過大，也可能降低效率。

STEP 4

當然「10 tabs, no more」也考量到了一些特殊情形，如果臨時需要更多分頁，可以點選上方的開關將設定暫停，就不會因為超過分頁數限制而被關閉分頁。

喜歡 10 tabs, no more 限制瀏覽器可同時開啟分頁數，超過後提醒自動關閉 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

瀏覽網頁時偶爾會跳出要求驗證是真人的驗證碼（CAPTCHA），除了點選「我不是機器人」外，有時候還會出現讓使用者選取包含某個主題的所有相片，這項服務最知名的就屬 reCAPTCHA（後來被 Google 收購），早期以輸入看到的英文字串進行驗證，這也是利用人類幫助典籍數位化的過程，因為光學文字辨識技術無法準確判讀，就改為顯示給使用者做為驗證碼協助辨識，後來也有使用 Google 街景拍攝的門牌號碼做為照片。另一家做驗證碼服務的公司 hCaptcha 在 Cloudflare 決定採用後受到關注，如果會看到後者通常是網站或部落格採用 Cloudflare 服務為了避免被流量攻擊或濫用才跳出來的驗證防護功能。

這類服務最終目標就是：防止機器或自動化程式，提供更好的安全防護效果。特別是在一些討論區或是需要註冊的服務上經常看到，但明明是真人卻時常跳出上圖的驗證畫面嗎？每次勾選還要選取特定圖片真的很浪費時間，如果你希望在上網瀏覽時更順暢，可以考慮安裝 Cloudflare 官方推薦的「Privacy Pass」擴充功能。

本文要介紹的「Privacy Pass」是一款瀏覽器擴充功能，支援 Chrome 和 Firefox 兩大平台，可讓使用者在瀏覽受到 Cloudflare 保護的網站時有更好的使用者體驗，例如在使用信譽較差的 IP 位址瀏覽受 Cloudflare 保護的網站可能會頻繁跳出驗證畫面（例如以 VPN 或 Tor 連線就會經常遇到）。透過 Privacy Pass 只需通過一次驗證，就能產生一定數量的「通行證」，讓使用者在瀏覽網站時不用受到驗證碼頻繁干擾。

不過這個工具僅針對受 Cloudflare 保護的網站和 hCaptcha 驗證碼有效，reCAPTCHA 不在支援範圍（事實上它也比較少會跳出驗證碼畫面，就目前技術來說可以在背景自動判斷是真人或是自動化程式）。在使用原理上不是完全跳過驗證畫面，而是改以勾選就能通過驗證，Privacy Pass 會自動扣除通行證數量，確保驗證時不會跳出要求選取特定圖片的驗證功能，一般來說圖片驗證方式比較費時而且容易出錯。

Privacy Pass
https://privacypass.github.io/

使用教學

STEP 1

先開啟 Privacy Pass 官方網站，可以找到 Chrome 和 Firefox 瀏覽器外掛下載鏈結，也能知道這項開放原始碼專案背後的原理、協議和授權許可等相關資訊。

我以 Microsoft Edge 瀏覽器安裝 Privacy Pass 的 Chrome 擴充功能做為操作範例，在開啟線上應用程式商店頁面後點選右上角「加到 Chrome」按鈕就能下載安裝。

STEP 2

點選 Privacy Pass 一開始不會有任何通行證，如果要先增加通行證數量，可以點選 Get more passes! 就會進入 Privacy Pass 網站的驗證碼頁面。

STEP 3

前面有說到 Privacy Pass 其實不是讓使用者跳過任何的 hCaptcha 或 Cloudflare 驗證頁面，而是利用通行證，在跳出驗證時可以勾選「我是人類」後快速通過（不會有挑選圖片的驗證出現），那要如何拿到通行證呢？只要在擴充功能點選 Get more passes! 進入 Captcha.website 網站進行一次性的驗證，通過後就會獲得。

在驗證時會跳出要求選取圖片的驗證方式，例如下圖就是要選擇包含飛機的每張圖片才能通過驗證。

STEP 4

經過一次驗證後 Privacy Pass 會拿到 Cloudflare 30 次和 hCaptcha 5 次的通行證，這在之後瀏覽受 Cloudflare 保護的網站或遇到使用 hCaptcha 驗證碼時就很有用，它可以確保不跳出圖片驗證步驟，節省通過驗證的時間。

喜歡 Privacy Pass 遇到 Cloudflare、hCaptcha 驗證碼畫面時快速通過（Chrome、Firefox） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

在瀏覽網路時有許多資訊會洩露真實身分，例如帳號、Email 或是 IP 位址等等，其中大家比較不會注意的是註冊服務或訂閱郵件通知填入 Email 也可能成為垃圾信的來源，尤其是網路服務遭到入侵、被駭客竊取大量使用者資料時 Email 信箱就可能變成下手的目標，想知道自己的資料有無遭竊可透過 Have I been pwned? 或 Firefox Monitor 檢測或監控。如果想避免被拿到真實的 Email 地址，一般會使用暫時信箱或是匿名郵件轉寄服務，就能以另一個信箱地址取代真實信箱地址，也能隨時取消轉寄避免收到垃圾信。

本文要推薦的「Firefox Relay」前身為實驗性的 Firefox Private Relay，也是 Mozilla 新推出的免費郵件轉寄服務，目前已對全世界使用者開放。這項服務主要可用於對抗垃圾信、強化使用者隱私，它背後的原理也很簡單：透過 Firefox Relay 提供的隨機 Email 別名進行郵件轉寄，避免在網路上使用你的真實電子郵件地址，這在註冊網路服務、發布留言或是線上購物都很有用。

Firefox Relay 需要註冊 Firefox 帳戶才能使用（免費），這項服務並沒有限制 Firefox 瀏覽器，但在 Firefox 有提供擴充功能可以免費下載安裝，其他瀏覽器則是在 Firefox Relay 直接產生隨機的 Email 別名。

每個使用者可以建立最多五個信箱別名，寄送到該地址的郵件會自動轉寄到你的真實信箱。別名可以隨時暫停或刪除，避免該信箱繼續接收郵件。Mozilla 計劃會對 Firefox Relay 加入更多功能，包括匿名回覆、加入更多信箱別名或加入更多 Email 地址等功能，和其他同類型服務相較之下 Firefox Relay 略顯陽春，沒有其他的別名信箱地址可用、無法自訂網域名稱或是信箱名稱。

Firefox Relay
https://relay.firefox.com/

使用教學

STEP 1

開啟 Firefox Relay 網站點選「Sign In」登入你的 Firefox 帳號就能使用，如果你本身是使用 Firefox 瀏覽器或之前有使用過 Firefox Monitor、Firefox Send 那應該已經有帳號，直接登入即可使用，沒有的話也能免費註冊一個，記得開啟兩步驟驗證功能。

STEP 2

登入後 Firefox Relay 介面很簡單，只要點選「Generate New Alias」產生新的郵件別名，一個帳戶可以同時擁有五個不同別名，刪除後額度會重新補回來，可以再建立新的轉寄地址。

如果使用 Firefox 瀏覽器的話上方會提示可以取得 Firefox Relay 附加元件。

STEP 3

安裝 Firefox Relay 附加元件後會在需要時顯示一個產生信箱別名的圖示，例如遇到要輸入 Email 的欄位時就能點選右側的 Firefox Relay 快速產生隨機的信箱別名，避免使用真實 Email 地址。

STEP 4

Firefox Relay 使用的信箱別名為 @relay.firefox.com 結尾，前面的字串隨機產生，無法自訂，每個別名都會有轉寄或被封鎖的 Email 數量，可以從右上角「Forwarding」開啟或關閉郵件轉寄功能。

STEP 5

點選顯示詳細資訊後會有別名建立日期和轉寄的真實信箱地址，點選右下角「Delete」刪除停用。Firefox Relay 讓使用者自行設定說明，更能清楚管理每個別名使用的方式或渠道，點選信箱右側快速複製，任何寄送到該別名的 Email 會被自動轉寄到真實信箱地址，因為可以隨時暫停或刪除別名，就不用擔心真實信箱洩露而收到垃圾信廣告信。

STEP 6

使用者可以同時擁有最多五個 Email 別名，在 Firefox Relay 登入後進行管理或設定，也能開啟關閉轉寄功能或查看被阻擋、成功轉寄的 Email 郵件數量。

在刪除郵件別名時 Firefox Relay 會跳出警告訊息，表示一旦刪除別名後就無法回復，所有寄到該別名的郵件將無法轉寄，包括重設密碼的郵件等等，如果你使用該郵件地址做為登入帳戶，記得先將原有 Email 更新為其他信箱。勾選下方的確認選項後按下「Delete」就會刪除郵件別名。

喜歡 Firefox Relay 隱藏真實 Email 地址，產生可自動轉寄的郵件別名 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

除了 Facebook 以外 Twitter 也是大多數消息來源，尤其在歐美使用率可能比臉書還要普及，有時候在推特上會看到不少有趣的貼文，可惜無法直接分享到 Instagram 限時動態（當然也可以手動擷取畫面），之前介紹過很有趣的 App「Tuigram」讓使用者快速將 Twitter 貼文製作成圖片，內建三種配色效果，透過手機分享功能選擇 Tuigram 可以將推特貼文轉為可分享至 IG 限時動態的圖片格式。

如果不想透過應用程式也可以試試「Pikaso 將推文擷取為圖片，分享到 Instagram 或其他社群網站」，這個服務很方便，使用者只需要追蹤、標記 @pikaso_me 然後回覆 screenshot this 它就會把貼文轉為圖片。後來 Pikaso 開發出更多的功能和相關工具，像是不同的排版風格、配色效果和圖片大小，讓 Twitter 分享貼文有更多運用。

本文要介紹的「Pikaso Extension」是 Pikaso 針對瀏覽器提供的擴充功能，下載安裝後就會在 Twitter 上顯示 Pikaso 快速截圖按鈕，支援 Chrome、Edge 和 Firefox，如果平常會想將推特貼文保存下來、分享到其他社群平台的話 Pikaso 會很有用。

Pikaso 提供免費和付費方案，免費方案只能使用標準的貼文排版風格、預設亮色配色且無法選擇圖片大小，也會在右下角標示浮水印，若你想要選擇更多的主題或排版風格、移除浮水印和使用其他的尺寸，可以考慮付費升級（不過價格不太便宜就是了…）。

Pikaso Extension
https://pikaso.me/browser-extension

使用教學

STEP 1

這裡我使用 Chrome 擴充功能為例，安裝外掛後會在瀏覽器右上角顯示一個 Pikaso 按鈕。

STEP 2

回到 Twitter 會發現每篇貼文右上角多了一個「相機」圖示，點選後會快速傳送到 Pikaso 進行擷取。

STEP 3

第一次使用 Pikaso 會要求登入 Twitter 帳號，連接後就能使用，貼文被傳送到 Pikaso 後點選 Screenshot 就會產生擷圖囉！看起來就像下方的 Your Screenshot 畫面，沒問題的話按下「Download Image」按鈕就能下載、取得這張擷圖。目前 Pikaso 也可正確顯示中文推文，不會有亂碼問題。

點選「顯示選項」後會看到 Pikaso 提供的付費功能，像是選擇不同的排版風格、配色、佈景主題或調整為 Instagram 限時動態或貼文適用的圖片大小，不過這些項目都要付費才能使用（免費只能預覽且產生的圖片會有大大的浮水印）。如果免費使用的話就不用選擇了，直接產生推文擷圖下載即可。

STEP 4

下圖是透過 Pikaso 瀏覽器擴充功能將貼文快速傳送到 Pikaso 產生的截圖效果，可以看到除了原始貼文外也會標示貼文作者大頭貼、名稱、帳號和貼文日期。

喜歡 Pikaso Extension 在 Twitter 推文加入擷圖轉為圖片按鈕 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

網站圖示（Favicon）是網頁相當重要的一部分，特別是現在大家習慣在瀏覽器同時打開許多分頁，當分頁標籤寬度不足時，就只能透過網站圖示辨別，另一方面是書籤也會顯示圖示，對我來說是從一堆網站快速找到需要網站的方法。前段時間 Google 開始將旗下服務的圖示風格統一，採用 Google 標誌的四種顏色：藍色、紅色、黃色和綠色，看起來更為簡約，不過也有不少人反映看起來好像長得都一樣，在可辨識度方面會有些問題。

如果你還是偏好舊版的 Google 服務網站圖示，可以下載名為「Restore old Google icons」瀏覽器外掛來將部分圖示還原回舊的 Google 圖示，像是最近更新的 Gmail、Google Meet、Google 雲端硬碟、Google 日曆，安裝後重新整理，分頁標籤上的網站圖示就會回到舊版樣式。

對於習慣透過圖示辨別分頁標籤、或是會將網頁固定的使用者來說，網站圖示顯得非常重要，當然你可能會更喜歡新的 Google 服務圖示，無論如何，有開發者就使用這個方法簡單解決了一項可能的問題，目前只支援在 Google Chrome 瀏覽器使用，Firefox 擴充功能晚點會推出。

Restore the old Google icons!
https://restoreoldicons.xyz/

使用教學

STEP 1

開啟 Restore old Google icons 網站可以找到 Google Chrome 擴充功能頁面鏈結，和一般擴充功能一樣點選右上角的「加到 Chrome」按鈕就能安裝。

STEP 2

安裝後記得將現有的 Gmail、Google Meet、Google 雲端硬碟、Google 日曆分頁重新整理，重整後就會看到原有網站圖示已經變回到舊版。

舊版和新版看起來真的不太一樣，雖然新版 Google 服務圖示有一致性，但在辨識度方面還是舊版略勝一籌（不過也可能只是習慣問題），大家可以比較一下看看。

喜歡 Restore old Google icons 將 Gmail、日曆和 Meet 網站圖示還原舊版（Chrome 擴充功能） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

Google 圖片搜尋功能很好用，只要輸入關鍵字就會找出相關的圖片內容，甚至有「以圖搜圖」功能可以在上傳圖片或貼上圖片網址後使用圖片搜尋 Google，找出圖片來源或是相關搜尋結果。以前 Google 圖片搜尋可以快速檢視圖片，但在 2018 年後因為版權因素移除此功能，只保留前往網頁按鍵，如果要取得圖片就必須連往原頁面才能下載，對平常會找圖的使用者來說確實有點不太方便。

本文要介紹的「GooglePanicImages」是一個免費瀏覽器擴充功能，可以在 Google 圖片搜尋結果加上一個 View 按鈕，點選後快速開啟圖片鏈結，支援 Google Chrome、Mozilla Firefox 和 Opera 三種主要瀏覽器，也能在 GitHub 找到相關檔案原始碼。

當然也能以瀏覽器在圖片上按右鍵選擇「在新分頁中開啟圖片」做到，這個外掛整個過程簡化到只要一個步驟，不用再點開圖片才能檢視原始大小，有需要的話可以安裝一下。

GooglePanicImages
Chrome 線上應用程式商店（Firefox、Opera）

使用教學

STEP 1

以下使用 Google Chrome 版本做為範例，開啟 GooglePanicImages 擴充功能頁面後點選右上角「加到 Chrome」按鈕下載並將擴充功能安裝到瀏覽器。

安裝後會出現一個按鈕，不過只要回到 Google 圖片搜尋就會看到效果。

STEP 2

原有的 Google 圖片搜尋結果會在點選小張的縮圖後開啟更大張預覽圖，不過現已移除掉可直接檢視圖片的按鈕，必須點選圖片連回到原始網頁下載圖片。

安裝 GooglePanicImages 擴充功能後，開啟 Google 圖片搜尋結果將滑鼠游標移動到縮圖上會顯示一個「VIEW」按鈕（在圖片左上角），點選就能在分頁快速打開圖片鏈結。

喜歡 GooglePanicImages 在 Google 圖片搜尋結果顯示 View 快速檢視按鈕 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 LinkedIn 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。