這幾天在 Twitter 看到一則推文分享，只要一段程式碼，就能開啟 Google Chrome 瀏覽器內建開發者工具的編輯器功能，直接在網頁內進行內容編輯測試（對，直接編輯網頁中的文字），這對於網頁開發者來說很有用，尤其是當你想知道選單可以容納多少文字，或是標題、內文會在多少字以後換行，就能以更直覺的方式看到結果。相較於之前介紹過的「Edit Any Website 只要一行程式碼就能編輯任何網頁！直接把瀏覽器變身網頁測試工具」又要更簡單一些。

其實這個小技巧並不限於 Chrome 瀏覽器，幾乎在各種常見瀏覽器都能使用，包括 Firefox、Opera 或 Safari ，只是每個瀏覽器「開發者工具」功能在選單不同位置，可能得自己找一下。以下我會使用 Google Chrome 來介紹這個好用的小技巧。

Edit any text with Chrome Dev Tools. Sketch or check if you menu breaks with longer text. document.designMode = 'on' #webdev #css pic.twitter.com/EPh6tEtu2d

— Jan Östlund (@janostlund) October 10, 2017

順帶一提，每次編輯時不會影響到網站運作，只有你自己看得到效果，當你編輯錯誤或想恢復原狀時，只要重新整理頁面即可。

使用教學

STEP 1

開啟 Google Chrome 瀏覽器後，從選單裡找到「更多工具」的「開發人員工具」，或是直接透過快速鍵 Ctrl + Shift + I。

STEP 2

開啟後開發者工具會顯示於瀏覽器下方，可自己調整到合適位置，點擊上方選單的「Console」切換到主控台功能。

STEP 3

接著在下方指令列輸入：

document.designMode = 'on'

輸入後送出，如果回應 “on” 代表已經成功開啟。經過我的測試，Firefox 在輸入指令前會要求使用者輸入一段允許編輯的指令，避免使用者在不知情的情況下輸入可能造成安全問題的程式碼。不過這部份在 Google Chrome 或 Opera 都沒有限制，直接把上方程式碼複製、貼上即可。

STEP 4

輸入完指令後，就可以試著選取網頁內的文字部分，直接將它刪除。

可以直接編輯網頁內的文字，改成自己需要的內容，用於測試樣式相當好用！不信的話自己找個網頁試試看囉！當然如果你本身是網頁開發者，有時候直接在當前網頁設計上進行編輯，測試看看可以塞入幾個文字段落，可能對於寬度或容器大小設定上會更為有用。

STEP 5

例如設計上很常遇到的問題，究竟選單上可以塞進多少個中文英文字？與其一邊改一邊測試，不如直接用這段程式碼，就能在瀏覽器內直接編輯選單內容，開發速度更快也一目了然。

喜歡 超實用！一行程式碼將瀏覽器變身網頁編輯器，支援各種常見瀏覽器 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

記得一年前我曾介紹「Taskade 分享記錄記事、點子及日常待辦事項最簡單方法」，一個很好用的免費網路待辦清單工具，經過一段時間最近終於正式推出 Chrome 外掛，可以將原有單調的瀏覽器新分頁轉為待辦事項、備忘錄或大綱，讓你在每次開新頁面時都有被提醒的效果。如果你習慣建立清單來記錄自己應該完成那些事情，不妨試試看 Taskade 新瀏覽器外掛功能，相信不會令你失望。

簡單來說，Taskade for Chrome 是一款讓使用者將 Taskade 帶進 Google 瀏覽器的外掛，當然你還是必須註冊帳號才能使用。Taskade 介面設計非常美觀，可在待辦事項或備忘錄中加入隨機背景效果，讓你在每次打開分頁時都有不同的心情。

Taskade 提供幾種清單類型：待辦事項、大綱、備忘錄，也有內建各種模版，例如每週計畫事項、產品路徑圖、腦力激盪、會議記錄、團隊績效、專案總覽或閱讀清單等等，不僅可以自己使用，Taskade 還提供團隊協作、分享功能，而且可自訂項目很多，也能依照使用習慣自訂格式或樣式，支援標籤和資料夾分類功能。

除此之外，Taskade 還有 Firefox、Windows 和 macOS 應用程式可供下載使用。

擴充功能資訊

元件名稱：Taskade
適用平台：Chrome
程式語系：英文
官方網站：https://www.taskade.com/
安裝頁面：從 Chrome 線上應用程式商店下載

使用教學

STEP 1

在 Google Chrome 下載安裝好 Taskade 後，會詢問你開新分頁時預設要跳到那個畫面，推薦的使用方法是開啟最近使用的清單，當然你也可依照需要來選擇要開啟控制台或建立新的清單。

第一次使用時必須註冊 Taskade 帳戶，可使用 Email 註冊，或直接登入 Facebook、Twitter 或是 Google 帳號。

STEP 2

下圖是 Taskade 控制台，左側可以為不同類別待辦清單建立資料夾、標示星號，右側則是主要的清單項目，預設情況下 Taskade 已經給了一些範例，如不需要可將它們刪除，不過如果完全沒使用過這項服務的話不妨參考一下範例，或許可以更快上手。

STEP 3

從左上角點選「New List」來建立新的清單，前面介紹提到 Taskade 支援待辦事項、大綱、備忘錄等類型，如果想看一下其他人怎麼使用，也可選「Use a Template」直接套用模版來進行編輯修改，可能速度上會更快一些。

Taskade 使用方式很直覺，幾乎看得到的地方都可以點選修改，下圖就是我透過這項服務建立的待辦清單 Checklist，對於中文顯示也完全沒有問題！

為了要更易於辨識或標示重要性，Taskade 內建上色或標記功能，此外，快捷鍵組合也非常方便，可以在不需使用滑鼠的情況下快速操作待辦事項，將滑鼠游標移動到每個項目後方出現的選單就能看到。

STEP 4

Taskade 還能邀請其他人來共同協作，對團隊來說相當有用，點選右上角的「Invite」就能透過 Emaul 或鏈結邀請好友同事加入使用。

這項服務也具備分享功能，點選右上角的另一按鈕「Send」即可產生鏈結或內嵌（Embed）程式碼，如果你想讓其他取得鏈結的人也可編輯內容，只要將「Show editable share link」打開就能產生可編輯的分享鏈結，或者透過底下按鈕分享到 Facebook、Twitter 和 Google+ 等社群網站。

STEP 5

預設情況下 Taskade 會在每次打開時隨機更換背景，不過你還是可以從左下角來更換背景，包括純色或一些高畫質素材，點選後會快速套用到當前頁面。

下圖就是我實際使用 Taskade for Chrome 範例，當你安裝瀏覽器外掛後，就能在每次打開新分頁時自動載入 Taskade 功能，對於要檢查工作進度、提醒或隨時記錄資料就變得非常方便，不過礙於篇幅，我無法逐一深入介紹 Taskade 每一項功能操作方式，如果你想找類似工具或許 Taskade 是個不錯的選擇。

喜歡 Taskade for Chrome 將待辦事項、備忘錄整合瀏覽器分頁，支援多人協作 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

Firefox 去年底大幅度更新，推出 Firefox Quantum 提高兩倍速度、減少 30% 記憶體用量，對於長期使用 Google Chrome 又對這個記憶體怪物很無奈的朋友來說或許是個不錯的替代方案，我目前也同時使用 Firefox 作為工作上的瀏覽器，前段時間我一度想捨棄原本使用多年的 Google Chrome，但後來還是無法完全適應，其中一大原因是 Google Chrome 擁有相當多的擴充功能，在 Firefox 並不一定有相同的外掛選項。

如果你也有一樣的狀況，或許可以試試看本文要介紹的「Chrome Store Foxified」，這是一款 Firefox 免費附加元件，透過 Chrome Store Foxified 就能在 Firefox 瀏覽器安裝、使用 Google Chrome 或 Opera 的瀏覽器擴充功能！聽起來很神奇對吧？其實原理並不複雜，而且不需要經過很多設定，你我都能輕鬆操作上手。

若要更精確介紹，Chrome Store Foxified 其實是一個「轉換器」，它會將 Google Chrome 或 Opera 瀏覽器外掛轉為 Firefox 可使用的格式，自動上架到 AMO（https://addons.mozilla.org/zh-TW/firefox/）也就是所謂的 Firefox 附加元件開發者中心，經過一系列自動化的驗證測試且沒有出錯，就會下載安裝到你目前使用的 Firefox 瀏覽器。

畢竟是自動化轉換工具，Chrome Store Foxified 可能無法 100% 支援所有的 Google Chrome 擴充功能，如果你想從原本熟悉的 Google 瀏覽器轉換到更省資源的新版 Firefox，或許可以試試看此外掛程式，協助你將平常會用到、但沒有在 Firefox 上架的外掛轉換到新瀏覽器。

擴充功能資訊

元件名稱：Chrome Store Foxified
適用平台：Firefox
程式語系：英文
官方網站：https://addons.mozilla.org/zh-TW/firefox/addon/chrome-store-foxified/
安裝頁面：從 Firefox 附加元件下載

使用教學

STEP 1

首先，以 Firefox 開啟 Chrome Store Foxified 附加元件頁面，點選「新增至 Firefox」將它免費下載安裝到瀏覽器。

Chrome Store Foxified 會需要不少權限，包括存取網站中的資料、下載檔案、讀取瀏覽器的下載記錄、顯示通知、存取瀏覽器分頁等等，沒問題的話按下「安裝」就能繼續操作。

STEP 2

Chrome Store Foxified 設計其實很簡單，不過它仍然提供一個歡迎畫面，可以從裡頭看到操作說明，也能快速開啟 Chrome 線上商店或 Opera 延伸套件。

STEP 3

Chrome Store Foxified 預設有兩種加入外掛方式，包括輸入外掛網址、或是從電腦裡直接上傳打包好的附加功能檔案。

但更簡單的方式是直接開啟 Chrome 或 Opera 外掛頁面，右上角的下載按鈕就會變成「Add to Firefox」，當然這個按鈕必須要透過 Firefox 瀏覽器且安裝 Chrome Store Foxified 外掛才能看到。

STEP 4

點選後，Chrome Store Foxified 會開始下載、轉檔，然後傳送到 AMO 也就是 Firefox 附加元件開發者中心進行驗證測試，如果你看到錯誤訊息（例如下圖），代表沒有登入開發者中心帳號，可按下「Login Now」註冊然後登入。

第一次使用步驟比較繁瑣一點，從 Firefox 附加元件頁面點選右上角「註冊或登入」，註冊帳號然後登入 Firefox 開發者中心就能回到前面的步驟，點選「Retry Now」重試一次。

註冊時會需要勾選、同意條款或聲明，然後按下「Accept」完成註冊。

STEP 5

前面有提到，Chrome Store Foxified 是以自動化轉換方式將 Chrome 和 Opera 外掛轉為 Firefox 附加元件，因此不一定所有外掛都 100% 能正常轉檔，如果在自動化驗證和測試時發生任何錯誤，這個外掛就無法被上架到 Firefox 也就無法在火狐使用。

STEP 6

還好我運氣不錯，我找到一個「Google 翻譯」外掛來做範例測試（雖然它在 Firefox 也有提供），但我想知道直接從 Google Chrome 轉換過來的擴充功能是不是真的可以使用。

果然在提交到 AMO 自動化審核後是通過、沒有發現相容問題的，這時候瀏覽器就會提示你是否要安裝這個外掛功能。

安裝後如同其他 Firefox 外掛，會在右上角出現功能圖示，點選後就能開啟使用。

我試著將「Google 翻譯」的 Chrome 擴充功能以 Chrome Store Foxified 轉換 Firefox 版的附加元件，確實可以在 Firefox 瀏覽器中開啟，而且也沒有出現異常。

當然最好的方式還是建議原外掛開發者針對 Firefox 推出一款相容的附加元件，因為轉換器可能不一定可以 100% 將外掛完全轉為 Firefox 版本，但拿來應急一下或許還可以，不過轉換後的功能就只能維持在轉換當下的那個版本，如果之後 Chrome 或 Opera 外掛更新還是得重新進行一次轉換步驟。

喜歡 Chrome Store Foxified 在 Firefox 瀏覽器安裝使用 Chrome、Opera 外掛 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

前幾天剛寫完一篇「如果你想告別臉書，這裡有永久刪除 Facebook 帳號教學」，出乎意料獲得相當多的回饋，不過或許很多人和我一樣，不是一下就能下定決心完全不使用 Facebook，畢竟很多親友同學同事都在上面，另一方面也還暫時沒有能取代臉書的社群網站，但並不代表可以輕忽隱私和安全問題。

如果你覺得 Facebook 收集太多你的記錄（這是真的，不僅只在你使用臉書的期間，其他像是 Facebook Pixel 也會從你瀏覽的網站取得一些資料），除了完全不用臉書，你也可以透過設定強化隱私，避免被它取得過多資料。

近期 Mozilla 基金會終於開了第一槍，宣布推出免費 Firefox 瀏覽器擴充功能「Facebook Container」，這個外掛的用意是協助使用者避免被 Facebook 無形中收集過多個資，開發者認為若要停用有價值的服務，不如透過工具限制臉書可以取得的資料。

Facebook Container 作法很簡單，它會在使用者造訪臉書時，以一個「容器」來載入臉書服務，在這容器裡隔離並限制與 Facebook 的網路活動，有效阻止臉書取得太多有關你的個人資訊。當然，使用者一樣可以正常使用 Facebook ，但臉書將更難依照使用者的特徵和記錄顯示目標式的廣告或內容。

擴充功能資訊

元件名稱：Facebook Container
適用平台：Firefox
程式語系：英文
安裝頁面：從 Firefox 附加元件下載

使用教學

STEP 1

以 Firefox 瀏覽器開啟 Facebook Container 附加元件頁面，點選「Add to Firefox」即可下載、安裝至你的瀏覽器。

STEP 2

安裝時一樣會跳出權限要求畫面，點選「安裝」繼續。

安裝後就能使用，無需進行任何設定，當前 Facebook Container 也沒有設定畫面。

STEP 3

安裝後使用者會從 Facebook 登出，Facebook Container 也會清除瀏覽器相關 Cookie，重新登入後會發現 Facebook 分頁下方多了一條淡藍色的線，網址列右側顯示 Facebook 藍色標籤。

至於這個藍色標籤是什麼意思呢？根據 Facebook Container 擴充功能說明，它會在容器內限制 Facebook 取得你的個人身分，至於能做到什麼程度？臉書會不會有相關的因應措施？這些都在持續變化中，我相信 Mozilla 開發的外掛一定有助於保護使用者避免讓臉書取得過多資料。

如果你是 Firefox 使用者，不妨趁此機會將 Facebook Container 安裝上去吧！接下來 Google Chrome、Opera 等瀏覽器會不會跟進也推出相關功能呢？或許可以期待一下。

喜歡 Mozilla 開發免費 Firefox 外掛「Facebook Container」，建立更安全的臉書瀏覽環境 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

去年年底 Firefox 57 來個大改版大躍進，在 Quantum Project（量子計畫）中重新開發以提昇 Firefox 原有瀏覽器引擎，從這時候開始 Firefox 就以兩倍速度、減少 30% 記憶體用量成為替代 Google Chrome 的新選擇，這麼說好了，如果你時常因為 Google 瀏覽器太吃記憶體而造成困擾，Firefox 確實能成為主力，不過相較之下擴充功能就沒那麼多。

我從前一段時間開始以 Safari 搭配 Firefox 做為我日常工作使用，已經棄用 Google 瀏覽器很久，也慢慢能夠適應，今天開始完全切換到 Firefox，一來使用上有著相當滿意的體驗，另一方面我也不用再開兩種不同的瀏覽器，效率及管理方面應該會來得更好。

在跳槽到 Firefox 後隨即遇到一個不太方便的問題：每次點選書籤都會在我當前分頁開啟，有時候我並不想跳離該網頁，就會對工作流程造成影響，查了一下原來在 Firefox 57 後才出現這個情形，那麼有沒有辦法直接在新分頁打開書籤呢？

使用教學

STEP 1

開啟 Firefox 瀏覽器，在網址列輸入「about:config」按下確認。

Firefox 會跳出警告畫面，提醒使用者不要亂搞設定值，否則可能會爆炸，我們確實不會胡搞瞎搞，點選「我發誓，我一定會小心的！」進入核心設定選項。

STEP 2

在上方搜尋框輸入「browser.tabs.loadBookmarksInTab」底下會顯示該偏好設定，預設值為 false 也就是直接在當前分頁開啟書籤。

STEP 3

點選兩下將真假值從 false 修改為 true 即可。

喜歡 在 Firefox 以新分頁開啟書籤，免外掛只需修改設定值 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

這幾年不斷被談論的話題之一是線上安全隱私，我寫過不少如何增進自己上網安全的教學，其中最重要、也認為每個人都必須做的「兩步驟驗證」功能，現在主要網路服務都支援，請務必花點時間設定一下，能有效保護你的帳號安全。簡單來說，兩步驟驗證會在原有的密碼保護以外加入另一道驗證程序，通常現在都透過 Google Authenticator 產生一次性的驗證碼，有些服務還支援以手機簡訊、電話或 Email 收取驗證碼，或是一鍵驗證進行登入。

之前提到 Firefox 已經成為我目前工作和生活中主要使用的瀏覽器選項，雖然 Google Chrome 擁有大量的擴充功能，但實在太過耗費資源，已變成我的備用瀏覽器。Firefox Quantum 大進化後無論在速度、資源用量等部分都有非常大幅度的改變，搭配上 Firefox 帳號就能在任何使用 Firefox 的地方同步存取你的所有書籤、密碼、開啟的分頁等內容。

如果 Google Chrome 瀏覽器是使用 Google 帳戶同步資料，那麼 Firefox 就是使用 Firefox 帳號，重要性不言可喻，畢竟瀏覽器可是儲存許多跟個人隱私相關的重要資訊，誰都不希望這些記錄被其他人取得。因此 Firefox 帳號也提供「兩步驟驗證」功能，可以在現有的密碼驗證方式之外開啟另一層防護，如果你是使用 Firefox ，本身也用它同步保存上網資訊，記得按照以下教學開啟。

使用教學

STEP 1

開啟 Firefox 帳號設定 https://accounts.firefox.com/settings（或是從 Firefox 偏好設定），登入帳號密碼會看到如下畫面，不過目前還不會顯示「兩步驟驗證」功能，必須使用一些方法將它打開。

在網址列貼上這個網址：https://accounts.firefox.com/settings?showTwoStepAuthentication=true，就會看到兩步驟驗證功能出現在下方選單中，點選後方「啟用」開啟設定。

STEP 2

開啟 Firefox Account 支援的兩步驟驗證 App（目前有 Google Authenticator、Duo Mobile 和 Authy 三種選擇），對著畫面上的 QR Code 掃描一下就能加入你的應用程式。為了確保設定後可以正常運作，在這裡必須先輸入產生的安全碼。

STEP 3

啟用兩步驟驗證後，會給出八組「救援碼」，將它下載或列印下來，以免兩步驟驗證無法使用時還能登入帳號、將兩步驟驗證關閉。這些救援碼只會顯示一次，之後就無法看到，除非重新產生新的。

當兩步驟驗證的狀態顯示為「已啟用」，就能將設定畫面關閉，也就完成 Firefox 帳號的兩步驟驗證防護設定。

STEP 4

未來登入 Firefox 帳號時除了輸入正確的 Email、密碼組合外，還會要求輸入六位數的安全碼，可以從你的手機 App 開啟驗證工具，然後將看到的安全碼輸入就能完成驗證。

喜歡 設定 Firefox 帳號「兩步驟驗證」功能教學，強化個人資訊安全性 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

會收到大量垃圾信的原因不外乎是 Email 地址洩漏，被加入垃圾信的寄件名單，當然平常在註冊網路服務、討論區帳號時也都會需要填寫 Email ，但往往我們不會知道電子郵件地址是不是被賣給廣告公司，甚至是因為某些因素而遭到竊取，即使現今大部分郵件服務都有相當好的垃圾郵件攔截機制，還是不希望真實 Email 地址被知道，畢竟這可能帶有個人資訊，有時候也會揭露出你的公司、學校或年齡。

既然如此，可透過免費的暫時信箱服務避免類似狀況發生，但這有個問題，每次都得打開網頁收信也很浪費時間，更重要的是暫時信箱有一定的時效性限制，可能關掉網頁後就無法再次使用相同的信箱地址，對於日後操作也會有所影響。

於是有個更好的解決方案，在不洩漏真實 Email 地址的前提下又能持續收到郵件，本文要介紹的「Burner Emails」就是一款實現此想法的免費工具，Burner Emails 提供 Google Chrome 和 Firefox 瀏覽器擴充功能，當使用者需要填寫 Email 欄位時，它會自動產生一個轉寄地址並帶入表單，如此一來就能避免真實信箱被對方取得的問題。

值得一提的是 Burner Emails 產生的隨機 Email 地址除了可將郵件轉寄到使用者的真實信箱，還能隨時停用轉寄或刪除，管理多個不同的隨機地址。這些信箱應該沒有可使用的期間限制，若服務仍持續存在著就能夠使用。

擴充功能資訊

元件名稱：Burner Emails
適用平台：Chrome、Firefox
程式語系：英文
官方網站：https://burnermail.io/
免費下載：Chrome | Firefox

使用教學

STEP 1

以下使用 Google Chrome 外掛進行教學範例。開啟 Burner Emails 外掛頁面，點選右上角的「加到 Chrome」將它下載、安裝到瀏覽器後就能使用。

STEP 2

第一次使用先點選 Burner Emails 按鈕，會出現註冊畫面，輸入你的名字、主要 Email 地址（所有寄到 Burners 的郵件會轉寄到這個信箱）和密碼完成註冊。

當然一開始還不會有任何的 Burner Emails 地址，一旦你在網站上註冊、遇到需要填寫電子郵件地址欄位時，Burner Emails 就會出現提示並為你產生信箱。

STEP 3

試著在免費資源網路社群的 Email 訂閱網站中測試這項功能，在表單欄位右側會顯示一個 Burner Emails 圖示，點選後會自動帶入產生的隨機信箱地址。

使用方法真的非常簡單！Burner Emails 以註冊時填寫的姓名、網站網址和一串隨機碼產生一個轉寄信箱，寄到此信箱的郵件將自動寄回真實 Email 地址。

STEP 4

點選 Burner Emails 可以管理你產生的 Email 轉寄信箱，包括關閉轉寄功能，或是將某個信箱完全停用。如果真的不想收到來自某個服務或討論區的郵件，在註冊驗證帳戶後隨即將轉寄功能關閉，需要時再開啟即可。

STEP 5

測試後 Email 確實會從產生的隨機地址轉寄到你的真實信箱，不會進到垃圾信匣，使用上也還蠻容易的，如果你會時常用到 Email 註冊各種服務或討論區，但又不希望洩漏自己的真實信箱，除了建立分身帳號，透過 Burner Emails 會更方便。

喜歡 Burner Emails 填寫 Email 時自動帶入匿名轉寄信箱，避免真實身分洩漏 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

相信許多人都聽過 Tor（The Onion Router，洋蔥路由器），這是一個用來實現匿名瀏覽、通訊連線的開放原始碼軟體，核心技術最早起源於美國海軍研究室，2004 年釋出原始碼，而後有一段時間是由電子前哨基金會（EFF）擔任贊助商，其中不乏政府、教育機構和大型企業支持，The Tor Project 目前也開發、維護一些軟體專案，最知名的就屬 Tor Browser。

Tor Browser（洋蔥瀏覽器，前身為 Tor Browser Bundle）是一款免費、開放原始碼的匿名上網瀏覽器，以 Firefox ESR 作為基礎，加入多種安全性與隱私保護的校調，包括 Torbutton、TorLauncher、NoScript 和 HTTPS-Everywhere 等擴充功能。

最重要的是內建 Tor 代理工具，可以在開啟瀏覽器時自動在背景執行 Tor，透過它連接網際網路以匿名瀏覽，同時在結束程式後自動刪除敏感隱私資料，例如 Cookie 和瀏覽記錄，達到最高的安全性。

Tor 另一個較為人所知的功能是可以瀏覽暗網（Darknet 或 Dark Web），也就是必須透過特殊軟體、特殊授權或進行特殊設定才能夠連上的網路，由於一般搜尋引擎無法找到這些內容，且暗網伺服器位址和資料傳輸通常是匿名加密，也因此更難發現或追蹤使用者真實身分。

軟體資訊

軟體名稱：Tor Browser
軟體語系：中文、英文等多國語言
作業系統：Windows、MacOS 和 Linux
官方網站：https://www.torproject.org/projects/torbrowser.html.en
下載鏈結：官方網站免費下載

使用教學

STEP 1

開啟 Tor Browser 官方網站，點選「Download Tor Browser」按鈕會找到各種語言、版本和下載鏈結，不過目前沒有繁體中文，建議可選擇簡體中文或英文版。

STEP 2

安裝後開啟 Tor Browser 會出現連接至 Tor 網路的提示訊息，因為某些國家對 Tor 進行審查，例如：埃及、中國、土耳其，這些國家可能無法正常連線 Tor，可點選「配置」調整相關設定（但可能如何配置都還是無法連線）。

一般情況下點選「連接」就會自動連上 Tor 網路。

第一次會稍微需要多一點時間，日後重新開啟 Tor Browser 一樣會需要先連線至 Tor 網路，但速度會快很多，如果你在這步驟出現錯誤，就代表你的網路可能對於 Tor 有所限制，請照著說明指示操作看看。

STEP 3

如果順利連上 Tor 網路，就會看到 Tor Browser 瀏覽器主畫面，所有相關工具都已經內建其中，先點選中間「測試 Tor 網路設定」了解一下有沒有連接成功。

STEP 4

若檢測結果顯示為「恭喜。該瀏覽器已配置為使用 Tor 網路。」代表你的瀏覽器目前已經連接 Tor 網路，下方也會顯示你的 IP 位址，看到的 IP 位址跟你實際位址不同，這用於隱藏你的身分，也確保上網時個人隱私和安全性。

這時候你可以直接在瀏覽器網址列輸入要前往的網址，所有在 Tor Browser 瀏覽過程都會經過加密，同時使用 Tor 網路瀏覽以確保不被獲取真實身分。

STEP 5

OK，接下來還是帶讀者朋友看一下 Tor Browser 會預先安裝的擴充功能，包括一個禁止所有程式碼執行的 NoScript，用於防止某些程式碼在執行後可能會獲取使用者的可辨識資訊，對於隱私保護上也有一定效果。

點選 Tor Button 可以切換不同的 Tor 線路，以及查看目前連接到此網站使用的 Tor 線路一覽，可看到連接經過的線路不只有一個，而是層層包圍、環環相扣，對於在隱藏身分上能發揮相當程度的效用。

STEP 6

最後，依然帶大家看一下 Tor Browser 預先加入的附加功能，除了前面介紹的以外，還有一個 HTTPS Everywhere，完整開啟加密網路瀏覽功能，在瀏覽網站時自動使用 HTTPS 也就是加密通道，讓瀏覽更加安全可靠。

當前 Tor Browser 支援 Windows、MacOS 和 Linux 三種作業系統，介面則提供英文、簡體中文、日文等 16 種語言（暫無繁體中文），如果你想突破網路封鎖，瀏覽被禁止或受限制的網站，Tor Browser 也可以做到。

喜歡 Tor Browser 洋蔥瀏覽器：實現匿名瀏覽、隱藏身分、突破網路封鎖 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

幾個月前剛介紹過 Tor Browser 洋蔥瀏覽器，九月釋出全新版本 v8.0 加入包含繁體中文在內等九種語系，如果你手邊已經有 Tor Browser 應該會自動更新到最新版，若沒有但想下載安裝，現在從 Tor Project 官方網站也可選取正體中文版本，包括 Windows 和 macOS 對應的版本都已經內建中文語系。想在瀏覽網頁時隱藏上網足跡，達到匿名瀏覽及自動刪除敏感隱私資料等效果，使用洋蔥路由瀏覽器就內建這些功能。

Tor Browser（洋蔥路由瀏覽器）是一項開放原始碼專案，直接以 Firefox ESR 為基礎，整合多種安全、隱私擴充套件，包括可強制加密連線的 HTTPS Everywhere、不允許執行程式的 NoScript、可快速設定洋蔥路由並快速清除私人隱私資料的 Torbutton，當然還有最核心工具 TorLauncher，都能讓上網更安全可靠。

對於想要匿名上網、瀏覽或翻牆突破網路限制來說，Tor Browser 讓這一切變得簡單，不過因為需要透過層層 Tor 迴路來強化隱私，速度方面就不如直接連線來得這麼理想，主要還是以瀏覽網頁為主。除此之外，透過 Tor Browser 還可以瀏覽所謂的「暗網」（Tor Hidden Services）。

軟體資訊

軟體名稱：Tor Browser
軟體語系：中文、英文等多國語言
作業系統：Windows、MacOS 和 Linux
官方網站：https://www.torproject.org/projects/torbrowser.html.en
下載鏈結：官方網站免費下載

使用教學

STEP 1

開啟 Tor Browser 官方網站，在下載頁面可以找到「正體中文」（zh-TW）版本，在支援的平台部分則有 Windows、MacOS 和 Linux。

STEP 2

下載後執行安裝程式，安裝過程預設會使用「中文（繁體）」。

STEP 3

在開啟 Tor Browser 時會先跳出視窗，詢問是否要連上 Tor 網路，如果你在會監視 Tor 網路的國家，可能需要先點選「設定」調整網路配置，否則會無法使用，一般地區只要點選下方「連接」按鈕就會自動連上 Tor 網路。

第一次連線時間較長，會建立一些需要的目錄和檔案，日後重新開啟速度上就會快很多。

STEP 4

開啟後預設畫面左上角會顯示為洋蔥路由，網址列左側則標示「洋蔥路由瀏覽器」，一開始使用可點選瀏覽新手導覽說明。

在關於畫面可以看到 Tor Browser 是以 Mozilla Firefox 瀏覽器作為基礎，加上其他的擴充功能製成，擁有 Firefox 速度和安全性，如果你電腦已有火狐瀏覽器並不會影響使用。

STEP 5

開啟 Tor Browser 附加元件管理員，可以看到已經內建四個外掛。

STEP 6

點選網址列旁邊的按鈕，也長得跟 Mozilla Firefox 原有設計不太一樣，當連線到一個網站後，可查看 Tor 迴路也就是經過的各個節點資訊，例如以 Tor Browser 連到免費資源網路社群就經過美國、法國、德國等節點，因為是一層一層把你的真實身分和資訊包裹起來，就像洋蔥必須一層層撥開才看得到裡面。

如果要設定洋蔥路由網路，點選網址列最左側的 Tor 圖示會開啟設定項目，從這邊也能檢查洋蔥路由瀏覽器更新，方便讓你快速升級到最新版本。

喜歡 Tor Browser 洋蔥路由瀏覽器繁體中文版免費下載，隱藏身分突破網路限制 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

網路上有個非常有名的網站「Have I been pwned?」，收集歷年歷次被駭客入侵網路服務洩漏出來的個資，只要輸入 Email 就能知道自己有沒有在受害者名單之列，幾年前 Dropbox 曾發生過遭駭客入侵外流 6800 萬組帳號密碼的重大資安事件，使用者也可以透過此網站查找。後來甚至推出 Pwned Passwords 幫你比對自己的密碼有沒有被洩漏到網路上，事實上當年這網站就已經取得流傳於網路上超過三億筆的密碼檔，雖然不一定會直接對使用者造成危害，但不得不說這也是一項非常重要的安全資訊。

但我們總會有疑問：這網站有沒有可能間接收集、取得我們輸入進去查詢的資料？或許就該有個更能讓人信賴的公司企業做擔保，因此 Mozilla 和 Have I beed pwned? 合作，推出一項新服務名為「Firefox Monitor」，使用者一樣在輸入自己的 Email 後就能檢測該信箱有沒有曾經在那一份被駭客入侵服務而外流的 Email 名單中。

Firefox Monitor 的模式其實和 Have I beed pwned? 大同小異，甚至這些資料庫都是由它直接提供，好處是我們終於可以在一個更能被信任的網站上進行這些操作查詢，雖然 Firefox Monitor 只要輸入 Email 就能查找，但對於重視安全性及隱私的用戶來說，也絕對不想要在任何情況下被不知名的人取得這些個人資訊。

Firefox Monitor 會告訴使用者：你的 Email 有沒有曾經出現在某一份外流的名單中，雖然大部分年代久遠，可能你也不是使用相同的密碼組合，但還是可以了解一下自己帳號密碼的安全程度。不過我認為最重要的是在支援「兩步驟驗證（TFA）」服務上開啟此功能，多了一層防護就算密碼外流也不用緊張，間接強化帳號安全性。相關的設定方式我都已經寫過教學主題，需要的朋友可透過右側搜尋框查找文章。

網站名稱：Firefox Monitor
網站鏈結：https://monitor.firefox.com/

使用教學

STEP 1

開啟 Firefox Monitor 網站會告訴你密碼的重要性，事實上密碼在現在已經不是 100% 安全可靠，網站提供一些建議，包括在不同服務使用不同的密碼組合、選擇強度更高的密碼、使用密碼管理器和兩步驟驗證等等，密碼管理器我推薦用 KeePass Password Safe 或不用密碼檔的 Master Password 直接產生密碼。

要如何測試你的 Email 有沒有在任何的資安事件中被竊取外洩呢？在網站中輸入 Email 然後按下 Scan 開始掃描。

STEP 2

如果出現的結果像下圖，顯示 So far, so good 或任何正面的描述，代表你的 Email 或密碼很幸運沒有在任何資安事件中被竊取，可以點選「Sign Up」註冊一下，未來當有新的事件且出現你的 Email，Firefox Monitor 就會第一時間寄送通知給你。

但如果出現的結果如下，代表你的 Email、密碼或其它個資可能在之前幾次被揭露的資安事件中成為受害者，我測試了幾個自己常用的 Email 信箱都有出現問題，當 Email 使用時間一久這類問題很難避免，因此經常更換密碼、使用兩階段驗證都有助於保護帳號安全。

在測試結果中，Firefox Monitor 會告訴使用者你的 Email 曾在那些資安事件中被洩露，包括發生的服務、時間、帳號總數和洩漏的資訊（例如 Email、密碼、IP 位址、性別、使用者名稱和安全問題答案等等）。

STEP 3

Firefox Monitor 另一個功能是可以幫你追蹤你的 Email 有沒有在任何資安事件中遭到外洩或被公開在網路上，點選 Sign Up 填入要監測的電子郵件地址即可，如果不想被打擾，那麼記得不要勾選底下的訂閱 Mozilla 和 Firefox 最新訊息。

註冊後還是要回到信箱，點選 Email 信中的確認鏈結，就算完成 Firefox Monitor 訂閱，未來當你的 Email 因為資安事件而出現在洩漏的名單中，這項服務就會主動通知你。

喜歡 Firefox Monitor 檢測你的 Email 有無因資安事件而遭到竊取外洩 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

無法想像如果有一天生活中沒有 Google 那會變怎樣？這些世界級公司已經深入每個人的日常工作和生活，當然也無形間收集了非常多使用者的個資，因此有些人選擇不使用這些大公司旗下的相關服務，轉向尋找更重視隱私和安全性的選項，例如 DuckDuckGo 就是更注重隱私、不記錄使用者資訊的搜尋引擎；或是選擇 Firefox、Vivaldi 取代 Google Chrome 瀏覽器。

我的想法是如果要上網，那麼被追蹤、被收集資訊難以避免，即使不使用 Google 服務依然會在網路上留下痕跡，Google 還是可以「認識」你，隱私對我來說反而比較接近假議題，因此我更願意使用具明確揭露隱私權政策和使用者條款的網路服務，我也相信在政府機關及第三方的監管下這些公司應該不會視用戶隱私於不顧。

假如你決心離開 Google，想找找其他更具隱私保護、不收集個資或追蹤使用者的替代方案，本文要推薦的網站會對你有所幫助，「No More Google」是收錄各項 Google 服務替代方案的網頁。

舉例來說，不想繼續使用 Google Chrome 瀏覽器，你可以有 Firefox、Brave、Vivaldi 等選擇；若覺得 Google Blogger 不夠厲害，你也可以試著使用 WordPress 或 Medium 等替代方案，這些選項不僅是 No More Google 推薦，也依照其他使用者按讚數進行排名，或有助於找到更適合的替代方案，幫你節省時間。

網站名稱：No More Google
網站鏈結：https://nomoregoogle.com/

使用教學

STEP 1

開啟 No More Google 網站可以看到各項 Google 服務和對應的替代方案。

STEP 2

例如在 Google 搜尋中，可以使用 DuckDuckGo 搜尋引擎替代，而 Google Chrome Passwords 密碼管理功能可選擇 1Password、KeePass 或 LastPass 等密碼管理器作為主要項目。

若你覺得某個替代項目值得推薦，可以按一下「讚」按鈕，幫助該項目獲得積分，因為在 No More Google 是依照使用者推薦程度排序每個替代服務。

STEP 3

No More Google 漏掉任何你覺得很棒的選項嗎？可以點選「Add Alternative」加入更多替代服務。

喜歡 如果這世界沒有 Google，No More Google 提供你完整谷歌服務替代方案 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

在建立網站和部落格時通常有許多重要環節一定要做，其中一個就是加入網站圖示，也就是大家常聽到的「Favicon」，這是什麼呢？其實就是網站會顯示於瀏覽器分頁上的小小圖示，這也不是什麼很新的東西，大部分網站都會放，尤其在開啟很多頁面的情況下無法在分頁標籤看到網站名稱，圖示就成為辨識分頁對應網站的方式，因此設定好一個易於識別、能增加使用者印象的網站圖示就顯得格外重要。

大部分的站長會直接使用自己的瀏覽器測試效果，只要在 Google Chrome、Firefox 和 Safari 或 Opera 上預覽一下就能知道有沒有符合自己的期待，不過這非常花時間，尤其當前瀏覽器又有原生的淺色和深色模式，不同底色也會呈現不一樣的感覺。

本文要介紹的「Favicon Checker」是一款讓使用者快速模擬、測試網站圖示在不同瀏覽器上顯示效果的線上工具，只要上傳你的 favicon 或直接帶入圖案鏈結，就能立即看到圖示在 Chrome、Firefox 和 Safari 瀏覽器分頁上的顯示效果，而且還包含 Firefox 內建的預設、亮色和暗色佈景主題。

除此之外，當瀏覽器分頁被選取、滑鼠游標移上去或未使用時也分別會有不太一樣的背景深淺變化，在 Favicon Checker 中可一併比較測試，有需要的開發者可加入書籤備用。

網站名稱：Favicon Checker
網站鏈結：http://www.colinkeany.com/favicon-checker/

使用教學

STEP 1

開啟 Favicon Checker 網站，從左上角點選「Upload you favicon」上傳你要測試的網站圖示圖案，或者在下方貼上圖示鏈結，在這裡記得是圖檔網址，不是網站網址，否則就會跟我一樣測試半天發現圖案怎麼跑不出來。

STEP 2

在上傳網站圖示或貼上圖示網址更新後，在 Favicon Checker 右側就能看到圖示顯示於不同瀏覽器、不同佈景主題配色以及不同狀態下的效果，是不是比自己手動去開瀏覽器一個一個測試更簡單也省時間呢？

喜歡 Favicon Checker 測試網站圖示在不同瀏覽器、佈景主題配色的顯示效果 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

身為開發者一定對於 GitHub 不陌生，有許多開放原始碼（Open Source）專案都能在這裡找到，其他像是 StackOverflow 則是尋找解決方案絕佳去處，在搜尋問題時很多時候都可以在這網站找到網友提供的解法，如果要用於網站呈現原始碼，我個人習慣選擇 GitHub Gist，我在「5個程式碼分享服務，貼上後立即產生鏈結並加入高亮效果」曾經推薦，要分享程式碼或嵌入文章都非常值得一試。

不過你可能很納悶，這些服務為什麼都無法讓使用者快速複製程式碼？每次都必須手動選取複製，有時候甚至必須先貼到純文字編輯器轉為文字格式，對此網路上有個開源專案叫做「clipboard.js」是被設計出來解決問題，簡單來說，它可以在網頁呈現指令或程式碼的段落加上一個複製按鈕，讓使用者快速複製內容，而且整個程式不到 3kb。

本文要推薦的「CodeCopy」是一款基於 clipboard.js 的免費瀏覽器外掛功能，可以讓你的 Google Chrome、Firefox 在幾個支援的程式碼網站自動載入快速複製程式碼功能，支援的網站包括：GitHub、MDN、Gist、StackOverflow、StackExchange、npm 和 Medium 等等，完全不用進行任何設定。

如果你時常會需要用到網站上的程式碼，CodeCopy 能讓整個工作流程變得更順暢，當然也不影響到使用習慣，只有滑鼠游標移動到程式碼時才會於右上角顯示複製按鈕。

擴充功能資訊

元件名稱：CodeCopy
適用平台：Chrome、Firefox
程式語系：英文
官方網站：https://github.com/zenorocha/codecopy
安裝頁面：Chrome | Firefox

使用教學

STEP 1

以下使用 Google Chrome 作為操作範例，和 Firefox 應無太大差異。

開啟 CodeCopy 的 Chrome 線上應用程式商店，點選右上角「加到 Chrome」將外掛下載安裝到瀏覽器，安裝後右上角一樣會多一個新的圖示功能，不過點選不會有效果。

STEP 2

當你打開 CodeCopy 支援的網站後，將滑鼠游標移動到程式碼範圍，右上角就會出現一個複製到剪貼簿（Copy to clipboard）的按鈕，點選就能快速複製這一大段程式碼。

不過也不是每個段落都會出現 CodeCopy 功能，依照 clipboard.js 的設計，只有在遇到特定的程式碼才會發生作用，因此只會在指令或原始碼部分出現 CodeCopy 按鈕，而當前只會對幾個網站顯示。

喜歡 CodeCopy 在程式碼旁加一個「複製到剪貼簿」按鈕，支援 GitHub 等網站 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

Google 旗下的免費信箱服務 Gmail 堪稱是最成功的產品之一，2004 年僅提供內部員工和受邀請的使用者進行測試，在當時來說提供 1 GB 容量簡直不可思議！直到 2007 年 Google 宣布將 Gmail 註冊完全開放，直到今日應該已經成為每個人都會有的 Email 信箱。如果你是 Gmail 使用者應該會發現 2018 年四月 Gmail 有了新介面，轉為 Google 現用的 Material Design 風格，也將字型改為 Product Sans（一款由 Google 開發的字型）。

改版都會有一段陣痛期，初期 Gmail 會詢問使用者是否要使用新版介面，到了十月以後就全部轉為新版，雖然新介面看起來很好看，但可能也會有人使用上不太習慣，我個人雖然多半都用 Email 郵件應用程式收發信，偶爾返回 Gmail 還是覺得操作的感覺上不如以前那麼流暢，或許是新版介面使用相當多的特效所致。

無論如何，如果你平常大多使用 Gmail 網頁版，而且也懷念之前的舊版介面，那麼已經有國外開發者開發出瀏覽器外掛讓 Gmail 變回舊版樣式！本文要推薦的「Gmail Classic Theme」是一款免費 Chrome 擴充功能，安裝後就能讓 Gmail 直接使用舊版的網頁樣式 CSS，這個佈景主題是直接使用之前的使用者介面 CSS 樣式，不會加入任何內容或對外觀有所更動。

Gmail Classic Theme 開發者也將相關檔案開放原始碼至 GitHub，即使不是使用 Google Chrome 也能在程式庫中獲取 CSS，然後透過 Stylus 之類的擴充功能將 CSS 套用到 Gmail 中，像是 Chrome、Firefox 和 Opera 都能以類似的方式實踐，有興趣的話可參考 GitHub 頁面說明。

擴充功能資訊

元件名稱：Gmail Classic Theme
適用平台：Chrome
程式語系：英文
官方網站：https://github.com/shellscape/gmail-classic
安裝頁面：從 Chrome 線上應用程式商店下載

使用教學

STEP 1

開啟 Gmail Classic Theme 的 Chrome 應用程式商店頁面，點選右上角「加到 Chrome」進行安裝，加入 Google Chrome 會在右上角多一個郵件圖示，不需要進行任何設定或選項調整。

STEP 2

下圖是 Gmail 新版介面看起來的樣式，可以看到在間距上似乎比舊版來得更大一些，操作起來也比較不會有壓迫感，Material Design 讓整體的版面看起來很乾淨，不過使用較多的特效，例如滑鼠移動過去按鈕背景顏色會動態放大，或是移動到郵件標題時會有跳出來的立體感等等，雖然佈景主題很現代，但對於較老舊的電腦來說其實並不會比較順暢。

當安裝完 Gmail Classic Theme 後，現有的 Gmail 介面佈景就會使用舊版 CSS 樣式表，可以看到新舊差異相當大（若沒有擺在一起可能很難說出細節差異），不過在返回舊版後確實在操作上比較順暢，看起來也較熟悉、舒服，使用 Gmail 的朋友可以自己實際測試看看。

喜歡 Gmail Classic Theme 讓信箱重新回到舊版介面（Chrome 擴充功能） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

Google 不斷推廣 HTTPS 加密協議已經有很長一段時間，早期大部分網站認為只有在需要傳輸使用者重要資訊（例如密碼、信用卡卡號）才需要啟用加密功能，但現況看來實在找不到不將網站轉為 HTTPS 的理由，支援更快的 HTTP/2 、免費 Let’s Encrypt 憑證，對於搜尋引擎來說也會有額外的 SEO 加分效果。當然也不是只有轉成 HTTPS 一句話那麼簡單，要進行的準備工作還不少，我寫過一篇「在 WordPress 設定 HTTPS，強制使用 SSL 安全加密協定教學」有詳細介紹過這個議題。

在 SSL 中有一個很重要的機制叫做「HSTS」（HTTP Strict Transport Security），中文翻譯為「HTTP 強制安全傳輸」，顧名思義就是告訴瀏覽器這個網站強制使用 HTTPS 協定，藉此減少連線過程可能遭遇的風險。開啟 HSTS 後未來瀏覽器就會自動將 HTTP 轉為 HTTPS 請求，即使憑證失效，使用者也無法忽略警告繼續瀏覽網站。

如果熟悉 HSTS 運作方式，會知道在 HTTP header 加入 Strict-Transport-Security 參數就能告訴瀏覽器該網站使用強制安全傳輸機制，在遇到使用 HTTP 訪問時就能自動跳轉到 HTTPS，但很多人可能不知道，常見瀏覽器都使用一份叫做「HSTS Preload List」的網站列表。

HSTS Preload List 是一份包含在 Chrome 瀏覽器的網域名稱清單，這份清單會把支援 HSTS 網域名稱直接寫進瀏覽器，在訪問網站前就直接使用 HTTPS 作為傳輸協議，也能讓速度稍微加快一些。目前主要瀏覽器包括 Chrome、Firefox、Opera、Safari、IE 和 Edge 都有一份基於 HSTS Preload List 的預先載入清單。

如果你決定讓網站永久使用 HTTPS 協議，可主動提交網域名稱至 HSTS Preload List，過程不算太難，但需要滿足一些條件，包括：

1. 使用有效的 SSL 憑證。
2. 在同網址上將 HTTP 重新導向至 HTTPS。
3. 讓所有子網域名稱都使用 HTTPS 協定。
4. 在 HTTPS 請求時傳送一個 HSTS header。

更多細節我在接下來示範提交過程時會一併說明，如果不夠清楚，建議使用者上網尋找其他相關資料，因為 HTTPS 牽涉的技術較多，可能必須要更動到程式碼，若沒有設定完整就貿然開啟 HSTS 可能會讓網站無法正常開啟運作，請務必小心。

網站名稱：HSTS Preload List
網站鏈結：https://hstspreload.org/

使用教學

STEP 1

首先，請先完成所有和 HTTPS 有關的設定再到 HSTS Preload List 網站，否則對你來說是沒有意義的，這些設定包括安裝有效的 SSL 憑證，讓網站可以順利使用 HTTPS 加密安全協議開啟，沒有混合內容等問題。

開啟 HSTS Preload List 輸入要加入列表的網域名稱，點選按鈕檢查預先載入狀態。

通常第一次會遇到一些問題，例如網站沒有傳送 HSTS header，或者 HTTP 沒有正確設定重新跳轉（Redirect）到 HTTPS 等等，這些都很好解決，不知道怎麼做就上網 Google 一下解決方法，HSTS Preload List 首頁也有一些資訊說明。

如果你是使用 Cloudflare，這些問題就更好解決了，回到「Crypto」選項把「Always Use HTTPS」和「HTTP Strict Transport Security (HSTS)」開啟即可。

STEP 2

逐步修正後，反覆使用 HSTS Preload List 網站進行檢查，出現綠色背景代表相關設定一切就緒，符合提交到列表的狀態。網站會告訴使用者目前該網域名稱尚未加入預先載入的列表，可以透過下方表單提交申請。

勾選確認你是該網站的擁有者，或者有足夠權限設定預先載入 HSTS，更重要的是使用者必須了解未來在該網域名稱下的所有子網域名稱都會遵循 HSTS，若沒有提供有效的 SSL 憑證就無法順利存取網站，勾選後點選最下方的按鈕就能將網站提交到 HSTS Preload List。

STEP 3

出現成功畫面，網站已經提交到 HSTS 預先載入列表中，在等待過程必須繼續維持使用 HTTPS，否則可能會被移除列表，這段等待期間大約需要數週，你可以反覆回來這個網站查看你的網域名稱狀態。

STEP 4

一旦網域名稱申請被接受，加入 HSTS Preload List 後再到網站查詢就會顯示已經是預先載入狀態，如此一來你的網站也會成為完整的 HSTS（直接寫入瀏覽器的預先載入網域名稱列表），不過必須得等到瀏覽器更新才會開始採用新的列表，這可能又需要幾個月，整個流程會相當費時。

要注意的是一旦加入 HSTS Preload List，未來要再請求移除就會非常麻煩，在完成移除到瀏覽器更新可能需要好幾個月時間，無法提供任何保證，不要輕易加入 Preload List 除非你已經清楚知道自己在做什麼，還有你的網站會永久使用 HTTPS 協議，否則可能會對你的網站造成一些很難以復原的結果。

喜歡 將網站提交到 HSTS Preload List，強制使用 HTTPS 協議連線更安全 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

無論使用 Google Chrome 或 Firefox 瀏覽器，有許多擴充功能可以改造預設新分頁畫面，讓頁面有更多更不一樣的應用，尤其預設分頁並不是那麼方便，可能搜尋不會透過上方搜尋框，也不一定會點選經常使用的網站，那就可以找個好用的外掛取代預設分頁畫面。雖然每次打開新分頁、點選書籤或輸入網址只有幾秒鐘，但對於什麼事情都講求效率的忙碌現代人來說，好好運用分頁也是很重要的。

之前介紹過的 Unsplash Instant 可將分頁背景替換為免費圖庫相片、Piktab 讓你開新分頁時從各大免費素材網站獲得靈感、AwayTab 則是能顯示廉價機票資訊，如果你想要乾淨什麼都沒有，Empty New Tab Page 讓新分頁背景保持空白。

本文要介紹的「Ctrl tab」適合經常閱讀國外新聞或科技新知的朋友使用，這個瀏覽器外掛支援 Google Chrome 和 Firefox，可將單調的預設分頁換掉，變身為閱讀器功能，讓你在每次開啟新分頁時可以利用幾秒鐘瀏覽一下今天有沒有什麼新鮮事。

Ctrl tab 支援超過 20 個以上國外網站，顯示的內容也都以英文為主，分類包括科技、新聞、財經、運動、社群網路、購物和生產力工具，使用者可以自訂自己想看的來源，其中幾個比較熱門的內容來源：

• New York Times
• BBC News
• Wired
• HackerNews
• The Verge
• Fox News
• CNN
• Product Hunt
• GitHub Trending
• Slickdeals

擴充功能資訊

元件名稱：Ctrl tab
適用平台：Chrome、Firefox
程式語系：英文
官方網站：https://www.ctrltab.io/
安裝頁面：Chrome | Firefox

使用教學

STEP 1

開啟 Ctrl tab 官方網站會看到 Chrome 和 Firefox 瀏覽器擴充功能官方下載鏈結，程式碼部分也已經開放原始碼至 GitHub，如果想要使用可以找到相關檔案。

STEP 2

安裝後 Ctrl tab 會直接出現於新分頁中，第一次使用先從右下角點選 + 新增你想看的來源，然後回到編輯模式調整順序，最後點選 x 關閉就能使用。

從新增資訊來源的設定功能中可以看到 Ctrl tab 收錄的各個網站，目前數量超過 20 個，內容涵蓋各種類型，點選「Add」將網站新增到分頁中。

STEP 3

回到 Ctrl tab 編輯模式後，剛才選擇的網站來源就會一一出現，利用上方拖曳按鈕調整顯示順序位置，如果覺得五個來源太多太擠，可以適當調整一下（四個能獲得較好的閱讀效果）。

STEP 4

最後，點選右下角的 x 結束編輯模式，未來打開新分頁時就能讓 Ctrl tab 幫你抓出新的資訊更新。主要是以顯示標題為主，雖然有部分摘要，但要閱讀完整內容可點選標題連結到原始網站。

喜歡 Ctrl tab 在瀏覽器分頁顯示對你更有用的新聞資訊（Chrome、Firefox） 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

通常我們會使用 VPN 隱匿自己的真實身分，例如你的 IP 位址可能洩漏位置，當然 VPN 更有用的是使用加密傳輸協定，可在不安全的網路環境下傳送可靠、安全的訊息，而憑藉它的特性亦能在某些受限制的網路存取更多網站，也因此有些人會拿來做為跳板或是偽裝成某個國家 IP 來源，最常見的是對於地區限制的購買功能提供有效的解決方案。如果想找尋連線穩定、速度夠快的 VPN ，最快途徑大概就是付費吧！若用量不大，其實也有不少免費 VPN 可以應急。

本文要介紹的「PenguinProxy」是前段時間出現的免費 VPN 服務，提供中國、美國、歐洲等一些常用連線節點，值得一提的是 PenguinProxy 適用於各種常見平台，包括 Mac、Windows 和 Linux，也提供 Chrome 和 Firefox 瀏覽器外掛，操作方式簡單，沒有流量限制。不過要注意的是 PenguinProxy 正在測試階段才提供免費服務，未來如果正式營運還是會採用收費制，但相較於一般業者價格會更低。

PenguinProxy 提供匿名和更安全連線方式讓使用者有更好的瀏覽環境，使用上也很簡便，跟其他同類服務不同的是 PenguinProxy 是採分散式服務，相對於一般 VPN 來說有更高的安全性，不會追蹤使用者，也不會銷售使用者的個資或投放廣告。

網站名稱：PenguinProxy
網站鏈結：https://www.penguinproxy.com/

使用教學

STEP 1

開啟 PenguinProxy VPN 網站，點選上方的「Download PenguinProxy」按鈕會看到各平台和瀏覽器的用戶端，在這裡我使用大部分人會用的 Windows 版做為範例介紹，操作方式應該不會差太多。

STEP 2

下載 PenguinProxy 後執行，第一次使用會跳出被防火牆封鎖的提示，點選「允許存取」繼續。如果你是使用 macOS 也會有類似的權限警告，回到偏好設定中允許打開應用程式即可。

如同其他軟體，PenguinProxy 也會來個簡單的介紹，點選到最後一個畫面結束進入主功能。

STEP 3

PenguinProxy 使用方式很簡單，只要把「Proxy Status」切換到開啟就會自動連線到節點，而底下的 Conutry 就是使用者要選擇連線的國家，預設選項是美國，透過下拉式選單會有其他的國家節點可以挑選。底下的 Current Fulfiller 會顯示透過 VPN 連線取得的 IP 位址，點選重新整理可取得新的 IP。

STEP 4

值得一提的是 PenguinProxy 連線國家選項裡有中國可以使用，這對於要進行測試來說很有用，大部分時候要找到提供中國 VPN 的服務很少，因此翻進去相較於翻出來困難許多，想起之前為了要測試網站能否在中國網路被正常開啟也是嘗試過許多方法，現在透過 PenguinProxy 選擇 China 就有中國的連線位址可以使用，只不過速度上並不是很快，有時候還是得多換幾個節點嘗試看看。

STEP 5

透過網站查詢目前的連線 IP 位址，也確實顯示為來自中國，確定 PenguinProxy 可以使用，雖然測試時連線速度很慢，但後來換個 IP 後順利打開網頁，速度方面也較為正常，我沒有測試其他國家的連線速度，如果需要找個免費 VPN 服務或許可以試試看 PenguinProxy。

喜歡 PenguinProxy 安全、匿名免費 VPN 服務，提供中國美國等連線節點 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

大家都知道軟體或應用程式通常都會有所謂的「快速鍵」，現今網路服務也有快速鍵可用，多半是透過不同的按鍵組合、直接以鍵盤執行某些功能，搭配滑鼠一起使用快又省時間，因此都會習慣記一些快捷鍵讓操作時更得心應手。之前介紹過 Shortcuts.design 將設計師會用到的應用程式快速鍵收錄在同一網頁中，方便查詢檢索；如果你使用 Mac，我曾經推薦的 CheatSheet 能在應用程式裡顯示完整的快捷鍵列表。

接下來要介紹一款快速鍵相關的免費資源「UseTheKeyboard」，網站收錄各種 Mac、Windows 和網路服務鍵盤快速鍵列表，包括大家常用的 Google Chrome、Firefox、Spotify、Outlook、YouTube、Excel 和 Adobe Lightroom CC 等等，對於想要查詢快速鍵來說會很有用。

UseTheKeyboard 沒有收錄太多軟體或網路服務，但都是很常見、也有不少用戶使用的工具，特色是使用者可快速切換 Windows 或 macOS，快速鍵部份就會有所調整，除此之外，網站也會提供原官網的參考鏈結，如果資料不夠完整或過時就能找到更新的快速鍵資訊。

網站名稱：UseTheKeyboard
網站鏈結：https://usethekeyboard.com/

使用教學

STEP 1

開啟 UseTheKeyboard 網站，直接搜尋要查詢的應用程式名稱，或從下方快速選擇。

STEP 2

進入應用程式或網路服務頁面，就能看到收錄的完整快速鍵說明，包括不同的分類、功能、快速鍵組合，雖然目前只有英文版但不會太難懂。

網站應該會依照使用者的作業系統自動選擇，如果你想切換 Windows 或 macOS，可以在上方看到切換選項（下圖的右上角）。

STEP 3

我使用 Mac 開啟 UseTheKeyboard 自動顯示 macOS 快速鍵組合。網站主要切割為左右側，左側的紅色按鈕可連結到官方網站提供的快速鍵參考資料，遇到錯誤時也能回報給網站，主要的快速鍵列表就在右側，看了幾個我平常會用到的工具，UseTheKeyboard 收錄的內容相當完整精確，如果想知道平常慣用的軟體有沒有快速鍵，不妨將這網站加入書籤。

喜歡 UseTheKeyboard 收錄 Mac、Windows 常用軟體和網路服務快速鍵索引 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

Copyright : Christopher Titze / 123RF Stock Photos

雖然現在有社群網站、即時通訊軟體或電話等聯絡方式，但在網路上持續被使用的應該還是電子郵件，事實上我也習慣透過 Email 聯絡，雖然即時性可能不及通訊軟體，還會有一些寄件上的限制（例如附件大小），但好處是可完整保存、追蹤雙方的聯絡記錄，而且以郵件方式也能有足夠時間討論細節，慢慢說、說清楚是我喜歡使用 Email 的原因，我也習慣在網站裡放上我的 Email 信箱讓需要的朋友可以找到我。

Email 使用的協定是 mailto: 後面加上信箱地址，這會在按下鏈結後自動打開電腦裡的郵件軟體，不過對很多人來說或許造成一些困擾，例如打開電腦上 Outlook 或 Apple Mail 應用程式，但平常又不使用這些軟體收發郵件，每次都要跳出設定選項然後手動關閉其實是相當浪費時間且惱人的事。

有人開發一款 Chrome、Firefox 擴充功能「I hate mailto」可解決類似困擾，不過要注意的是它並非免費外掛，網路售價 $1.99 美元（約新台幣 60 元）其實還蠻值得入手。I hate mailto 功能簡單，將網頁中的 Email 鏈結從打開郵件軟體轉為複製到剪貼簿，未來當你點選「聯絡我」或是「Contact us」之類的 Email 鏈結就會一鍵複製地址，並阻止讓 Email 軟體跳出。

雖然這可以透過修改瀏覽器或系統設定讓使用者在點選 mailto: 鏈結時自動開啟平時慣用的郵件軟體或 Gmail 網頁版，但大部分的人不一定知道要如何設定，更快的解決方案或許是使用外掛，有興趣的話不妨繼續看下去。

網站名稱：I hate mailto
網站鏈結：https://www.ihatemailto.com/

使用教學

STEP 1

開啟 I hate mailto 網站可以看到這個外掛功能的示範影片，前面已經有提到 I have mailto 提供兩種常見瀏覽器外掛：Google Chrome 和 Firefox，只要購買一次兩種都可以使用，簡單說明一下它的功能，安裝後未來點選郵件鏈結時就會從原本開啟郵件軟體轉為複製 Email 地址。

STEP 2

點選 Get it now for $1.99 會出現 Stripe 付款功能，目前支援 PayPal 或以信用卡付款。

購買完成網站會直接給你 License Key 註冊碼，底下還會有 Chrome、Firefox 外掛安裝下載鏈結，安裝後會要求輸入註冊碼驗證，記得自己把註冊碼保存好，如果弄丟的話可以寫信給開發者請對方重新寄送一次。

STEP 3

安裝完 I hate mailto 外掛、把註冊碼複製貼上，點選「Activate」啟用外掛就完成囉！

STEP 4

移動游標到 Email 鏈結上方，會出現點選以複製 Email 郵件地址的提示訊息。

按一下就會將 Email 地址複製到剪貼簿，而且郵件軟體也不會自動跳出，是不是非常好用呢？

喜歡 I hate mailto 點選 Email 不自動打開郵件軟體，將郵件地址複製到剪貼簿 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。

時間回到 2017 年，Mozilla 基金會 Test Pilot 網頁實驗室第一項產品「Firefox Send」問世，這是一款兼具簡單、私密的免費檔案上傳服務，上傳時會自動加密文件，避免遭未經授權的使用者獲取檔案，透過點對點方式分享檔案，產生可以在下載後失效的分享鏈結。Firefox Send 當時還在測試開發階段，時至今日終於脫離 Test Pilot 成為一個獨立的網路服務。

Firefox Send 現階段支援傳送最大 1 GB 檔案，登入 Firefox 帳號後可將限制提高到 2.5 GB，對於一般傳送檔案來說已經很夠用，預設情況下產生的下載鏈結只能被下載一次，或是在 24 小時自動失效，如果想讓更多人下載或延長檔案保存時間，登入後就有更多選項可以選擇。

值得一提的是這項服務背後由 Mozilla 營運，使用者的隱私和檔案安全性也能更有保障，在速度及穩定度方面都很理想，介面簡單亦提供多國語言，不限於 Firefox 而是任何瀏覽器都能使用，使用時不需額外下載或安裝軟體及擴充功能。

網站名稱：Firefox Send
網站鏈結：https://send.firefox.com/

使用教學

STEP 1

開啟 Firefox Send 後把要分享的檔案拖曳到虛線框，或是點下藍色按鈕選擇要上傳的檔案，可一次上傳多個檔案，不過總大小不能超過 1 GB。

如果你想上傳超過 1 GB 檔案，或是讓更多人下載、將檔案保存時間延長到 7 天，可以註冊或登入現有 Firefox 帳號，登入後分享最大檔案會提升到 2.5 GB。

STEP 2

將檔案拖曳到 Firefox Send 後，點選「上傳」就能快速傳輸檔案並產生下載鏈結。

STEP 3

下方的設定選項可調整鏈結下載次數（預設為 1 次，最多可達 100 次）、鏈結失效日期（預設為 1 天，最多可延長到 7 天），雖然 Firefox Send 會自動加密檔案，使用者還是可以透過手動設定密碼保護來防止被獲取鏈結的人取得檔案，而這功能不需登入也能使用。

STEP 4

上傳檔案時會顯示檔案資訊、上傳進度，如果想中途停止也可按下取消。

上傳完成 Firefox Send 會顯示已經加密檔案，可以透過網址進行傳送，網頁下方會提供檔案下載鏈結，點選「複製鏈結」再把網址傳給其他人就能在 Firefox Send 取得你分享的檔案。

STEP 5

要如何從 Firefox Send 下載檔案呢？開啟鏈結後點選「下載」就可以了，沒有驗證碼、也沒有任何等待時間或廣告。

不過要注意的是預設情況下只能被下載一次，下載後鏈結就會失效，無法再次使用，記得分享時不要自己跑去下載自己分享的檔案，否則可能會讓對方無法順利開啟 Firefox Send 下載鏈結。

喜歡 Firefox Send 簡單而私密的檔案共享服務，鏈結在下載檔案後自動失效 嗎？歡迎將免費資源網路社群加入書籤，以 Facebook、Twitter 或 Google+ 追蹤更新，獲取更多科技新知及免費資源相關介紹教學。