Safari

​ 我們平常在用瀏覽器看 YouTube 的時候，沒裝其他外掛的話通常都是使用 YouTube 官方內建的播放器 早期 YouTube 還在使用 Flash 的時代，有個 Safari Extension 叫「YouTube5」，專門把 Flash Player 換成 HTML Player 後來 YouTube 沒有用 Flash 改成自家播放器後，YouTube5 就漸漸退出舞台了 直到最近 Vinegar 開發者覺得目前 YouTube Player 也有越來越來糟糕的趨勢，是時候讓 HTML 播放器回歸了 🤣 ​ 👆 上圖是 YouTube 官方內建的瀏覽器播放器 ​ YouTube 官方內建的播放器提供的功能中規中矩，字幕切換、播放速度調整、迷你播放（YouTube 站內）等等 今天介紹的是一款新的 Safari Extension「Vinegar」，可以將官方的播放器替換為 HTML 的播放器 但 Vinegar 不僅僅只是替換為系統的 HTML 播放器而已，開發者還在上面加了一些功能增強 ​ 以下列出一些 Vinegar 重點功能： HTML 播放器與 YouTube 播放器相比更節能、效能更好，與系統相容性更佳 去除 YouTube 廣告 避免 YouTube 追蹤播放、暫停等等行為 跨 Apps 系統級的 Picture in Picture（PiP 子母畫面）功能 純 Audio（聲音）模式 在其他網站遇到內嵌 YouTube Player 也同樣適用 ​...

​ 這幾年因為重新開始寫 Blog，為了讓大家閱讀方便，所以強迫自己會在中文與半形英數符號中間補上空白 這樣可以讓整個文章排版不會因為太多文字而都擠在一起，也有幫助於網站整體 SEO 久而久之看其他文章如果沒有遵循這個排版就整個人不舒服了 🥲 ​ 網路上搜一下，其實還蠻多人有這種苦惱的，也有很多人寫出多種解決方案 有的會在所有中文跟英數符號中間加空白，有的是只有在中文跟「半形」英數符號中間加空白 試了幾個發現這個效果最接近我的習慣 https://github.com/vinta/pangu.js ​ 節錄該項目的作者描述： 漢學家稱這個空白字元為「盤古之白」，因為它劈開了全形字和半形字之間的混沌。另有研究顯示，打字的時候不喜歡在中文和英文之間加空格的人，感情路都走得很辛苦，有七成的比例會在 34 歲的時候跟自己不愛的人結婚，而其餘三成的人最後只能把遺產留給自己的貓。畢竟愛情跟書寫都需要適時地留白。與大家共勉之。 🥺 好了，廢話不多說安裝起來！ ​ Chrome 跟 Edge 同核心的瀏覽器，可以直接到 Chrome 商店下載安裝： https://chrome.google.com/webstore/detail/paphcfdffjnbcgkokihcdjliihicmbpd ​ Firefox & Safari 之類的可以透過 Tampermonkey 之類的外掛使用這個腳本 安裝完 Tampermonkey 以後，直接戳以下網址就會跳出安裝視窗 https://raw.githubusercontent.com/vinta/pangu.js/master/browser_extensions/firefox/paranoid-auto-spacing.user.js ​ 👆 直接按紅色箭頭的按鈕進行安裝即可 ​ 安裝完畢後，隨便打開個網頁，只要遇到中文字前後有「半形」英數符號的話，就會幫你自動補上空白 可以隨便打開個網頁看看效果 ​ 👆 這個是沒有加空白的普通上網效果 ​ 👆 這個是盤古之白幫你加好空白的網頁效果 ​ 如果你跟我一樣，覺得下面的比較容易閱讀？ 那麼就趕快裝起來吧～ 🖖

​ 之前有介紹過一篇使用 Tampermonkey 安裝 Google Hit Hider by Domain 腳本擋掉谷歌搜尋出現的垃圾網站 去年在文章下面 haukeng 有留言介紹 uBlacklist 更好的方案，不過當時還沒有我主力瀏覽器 Safari 的外掛版本，所以就沒多介紹 因為開源的力量，前兩個月有人把這軟體移植到 Safari 上面了，而且還上架到 Mac App Store 免費下載 Safari 趕快來戳戳： https://apps.apple.com/tw/app/ublacklist-for-safari/id1547912640 Firefox： https://addons.mozilla.org/en-US/firefox/addon/ublacklist/ Chrome： https://chrome.google.com/webstore/detail/ublacklist/pncfbmialoiaghdehhbnbhkkgmjanfhe ​ Safari 安裝完畢後打開 App 會有安裝提醒，依照提示步驟即可完成設定 第一步不用多說，在 Safari 偏好設定裡面直接勾選 uBlacklist 外掛啟用 ​ 第二步可以先打開 Google 網頁，隨便搜一個東西後，點 uBlacklist icon 就會跳出授權視窗 ​ 你可以選擇「一律在此網站允許」或者是「一律在每個網站允許」，比較謹慎一點的按「一律在此網站允許」即可 😚 ​ 初始安裝完畢後，裡面阻擋規則是空白的，接下來要新增幾組訂閱名單進去 推薦使用「終結內容農場後台資料庫」的訂閱清單，作者一直都有在持續更新 打開以下網址後就能看見整理好的各種清單 https://github.com/danny0838/content-farm-terminator/tree/gh-pages ​ 拷貝好標準內容農場清單的網址，打開 uBlacklist 外掛的設定，最下面有個訂閱清單功能 👆 依序填入然後按下「加入」即可 ​ 👆 這個授權視窗建議選「永遠允許」，因為他定時會去這個網址更新清單 ​ 如法炮製依照自己需求加入幾個常用清單，如下圖我自己是加了三個 ​ 設定完畢後，就不用管他了，以後每到更新間隔，他就會自動去訂閱網址抓取更新 如果你經常會上中國網站的話，建議可以多加一個下面的清單，作者同樣有在保持更新...

​ 看到有人說裝了 AdGuard for iOS 以後，在使用瀏覽器上網時候還是會有廣告阿！？ 🤨 其實這跟訂閱的規則比較有關，但是也有少部分網站廣告並沒有被收錄到 所以這時我們還可以利用 AdGuard 提供的便利小工具自己手動建立自定義清單來阻擋 ​ 隨便打開個有廣告的網頁～ ​ 👆 本次目標在左邊截圖中，下方出現「東京住宿比價」的廣告條 ​ 依序點 iOS 瀏覽器中的 Share Sheet（上圖 1 的 icon），然後點一下 AdGuard 呼叫出選項視窗 ​ 👆 依序點選，準備開始手動選擇你想要阻擋的網頁元素 ​ 按下開始後，接下來只要在該網頁上，點選出你想要阻擋的廣告內容 ​ ​ 如上圖左的紅框，會有五個按鈕，從左到右分別是確定、預覽、增加範圍、減少範圍、取消 綠框是 AdGuard 顯示出的阻擋範圍，你可以按下增加範圍跟減少範圍的按鈕 來隨意調整你想要阻擋的網頁元素大小 調整完畢後可以按下預覽的按鈕，看看是否已經達到你想要的效果 ​ ​ 預覽無問題後，按下勾勾（確定）的按鈕，然後會跳出是否要在 AdGuard 打開？ 按下『打開』之後即可完成自定義阻擋清單的更新 下次再到同樣網站就會直接套用規則，再也看不到同樣廣告位的廣告啦！ 🖖

​ 昨天 AdGuard Pro for iOS 總算是更新了 v4.0.1，距離上次更新都已經快要一年了 ​ ​ 最主要原因是因為開發團隊之前在這款軟體裡面加入了 DNS 過濾，又內建了常見過濾規則 如此的話，使用者購買打開 app 後，就算不做太多設定也能開始有廣告過濾的基本功能 因太強大，蘋果以會影響到其他 app 的理由拒絕上架，後來開發團隊與蘋果長時間來回交涉後 「如果在軟體裡面把內建規則拿掉，讓使用者自行手動新增」這樣就可以勉強繞過審核上架 所以上架是上架了，要發揮到 AdGuard Pro 完整功能就需要麻煩使用者自己動動手設定一下喔～ ​ ​ iOS Safari 系統設定 第一次打開軟體時候，app 就會顯示讓你去系統設定啟用 Safari 過濾器 此時打開 iOS 系統的設定，往下滑一點找到「Safari」（如下圖） ​ ​ 繼續找到「內容阻擋器」，把 AdGuard Pro 所有開關都打開 ​ ​ 如此就完成 Safari 內容阻擋器的設定，接著回到 AdGuard Pro app 繼續 ​ ​ AdGuard Pro for iOS 的 Safari 過濾設定 AdGuard Pro 有分兩種過濾方式，其中一種就是蘋果 iOS 系統原生支援的 Safari 阻擋器 蘋果有開放 API，允許 app 把網頁的阻擋規則加載到 iOS Safari 內...