Safari on jkgtw's blog 

Vinegar 還你乾淨 HTML 原生的 YouTube 播放器

Sun, 12 Dec 2021 14:49:18 +0800

我們平常在用瀏覽器看 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 也同樣適用

為什麼你們就是不能加個空格呢？盤古之白拯救你的強迫症！

Sun, 20 Jun 2021 20:55:00 +0800

這幾年因為重新開始寫 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

👆 直接按紅色箭頭的按鈕進行安裝即可

安裝完畢後，隨便打開個網頁，只要遇到中文字前後有「半形」英數符號的話，就會幫你自動補上空白

可以隨便打開個網頁看看效果

👆 這個是沒有加空白的普通上網效果

👆 這個是盤古之白幫你加好空白的網頁效果

如果你跟我一樣，覺得下面的比較容易閱讀？

那麼就趕快裝起來吧～ 🖖

效率封殺 Google 搜尋裡面的垃圾結果與內容農場

Tue, 13 Apr 2021 17:07:00 +0800

之前有介紹過一篇使用 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 外掛的設定，最下面有個訂閱清單功能

👆 依序填入然後按下「加入」即可

👆 這個授權視窗建議選「永遠允許」，因為他定時會去這個網址更新清單

如法炮製依照自己需求加入幾個常用清單，如下圖我自己是加了三個

設定完畢後，就不用管他了，以後每到更新間隔，他就會自動去訂閱網址抓取更新

如果你經常會上中國網站的話，建議可以多加一個下面的清單，作者同樣有在保持更新

https://github.com/cobaltdisco/Google-Chinese-Results-Blocklist

最後回到谷歌搜尋「小米 2C1A」，就能看見谷歌搜尋網頁有些些變化

👆 搜尋結果出現幾個文字連結，可以快速查看被隱藏的結果以及封鎖該網站

👆 按下 Show 以後，就會如上圖，顯示出被封殺的內容農場網站

使用 AdGuard for iOS 便利小工具建立自定義規則阻擋網頁元素

Tue, 14 Jul 2020 14:47:01 +0800

看到有人說裝了 AdGuard for iOS 以後，在使用瀏覽器上網時候還是會有廣告阿！？ 🤨

其實這跟訂閱的規則比較有關，但是也有少部分網站廣告並沒有被收錄到

所以這時我們還可以利用 AdGuard 提供的便利小工具自己手動建立自定義清單來阻擋

隨便打開個有廣告的網頁～

👆 本次目標在左邊截圖中，下方出現「東京住宿比價」的廣告條

依序點 iOS 瀏覽器中的 Share Sheet（上圖 1 的 icon），然後點一下 AdGuard 呼叫出選項視窗

👆 依序點選，準備開始手動選擇你想要阻擋的網頁元素

按下開始後，接下來只要在該網頁上，點選出你想要阻擋的廣告內容

如上圖左的紅框，會有五個按鈕，從左到右分別是確定、預覽、增加範圍、減少範圍、取消

綠框是 AdGuard 顯示出的阻擋範圍，你可以按下增加範圍跟減少範圍的按鈕

來隨意調整你想要阻擋的網頁元素大小

調整完畢後可以按下預覽的按鈕，看看是否已經達到你想要的效果

預覽無問題後，按下勾勾（確定）的按鈕，然後會跳出是否要在 AdGuard 打開？

按下『打開』之後即可完成自定義阻擋清單的更新

下次再到同樣網站就會直接套用規則，再也看不到同樣廣告位的廣告啦！ 🖖

AdGuard Pro for iOS 簡易使用教學

Thu, 18 Jun 2020 17:45:28 +0800

昨天 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 內

使用者在使用 Safari 或者其他第三方 app 呼叫 Safari 瀏覽器的話都能達到瀏覽網頁過濾廣告的效果

蘋果 iOS/macOS 平台最佳密碼管理器？

Thu, 26 Dec 2019 01:45:50 +0000

1Password

密碼管理工具已經行之有年，我自從 1Password v3 開始就一直使用到今天的 v7

印象中這段期間官方還送過幾次大版本升級，算是非常佛心的一家公司

1Password 這幾年也一直都做好自己的本份，直到他們開始推出自家的「訂閱服務」

不過比較好的是他們除了訂閱服務以外，還是有另外提供買斷 v7 的購買方式

作為一個忠心的老客戶，我也是在他們推出 v7 第一時間就馬上購買了單機版～

使用的這幾年也沒什麼太大問題，就是有時候自動填寫密碼以及自動保存密碼會失靈。。。

然後官方這幾年也忙著在自家訂閱的瀏覽器外掛上面更新，接著又推出家庭、企業密碼共享。。等等功能

這一、兩年 1Password 公司把整個重心都放在訂閱服務上，反之買斷版的就顯的有點蒼白無力被忽略

比如微軟前段時間剛開始推的 Edge 瀏覽器測試版，訂閱版專用 1Password X 瀏覽器外掛很快就加入支援了

買斷版的 1Password 就一直沒有得到支援更新，真的是等到花兒也謝了

買斷版的也是花錢買的阿，怎麼弄的像私生子一樣藏來藏去，這個我就不能釋懷了。。。

所以如果未來 1Password v8 要用得爽的話，轉去 1Password 訂閱制恐怕是在所難免的了

1Password 目前單人訂閱是 2.99 美金（月），換算下來一年約 36 美金

而 1Password 最低價的訂閱方法就是去開一個家庭訂閱，折算下來每人每月 1 美金，一年也僅僅 12 美金

但是如果你不是開團者的話，是跟網路上陌生人或者不熟悉的團主一起組家庭方案

開團主如果哪天發神經、失戀喝醉酒，是有權限可以刪除底下任何一個人帳號跟密碼庫的

把自己的密碼安全庫暴露在這種不安定的環境，實在非常不明智

所以除非你自己就是開團主，或者跟團主是親人、熟悉好友，那麼選擇 1Password 家庭方案無非是最佳解～

唯一缺點就是 1Password 訂閱制的密碼庫必須託管給官方他們。。。🤨

Bitwarden

前段時間我也嘗試過自架伺服器的 Bitwarden，之前還特別寫一篇文章介紹過

Google Chrome 瀏覽器幾個愛用的外掛

Wed, 11 Oct 2017 07:31:50 +0000

最近把用了好幾年的 Safari 瀏覽器換成 Google Chrome

主要是因為幾個常用的外掛在 Safari 上有時會莫名其妙失效

而且不是每次都會出現問題，三不五時才會壞。。。

於是乾脆換到 Google Chrome 瀏覽器算了

比較心疼的是在 iOS 11 變得超好用的 iCloud Keychain 就不能用了。。。

不過還好有 1Password 這個神器在，所以切換過去暫時也沒有什麼大問題～（自我安慰）

反廣告插件「uBlock Origin」

首先第一個要安裝的就是擋廣告的工具，因為我真的很討厭廣告。。。

首推「uBlock Origin」，這個高效佔用資源少的反廣告外掛基本是必備的！

勾選想要訂閱的阻擋清單這東西基本就不用管他了～

查看目前阻擋的清單可以點一下 uBlock Origin 的 icon，然後點下圖「齒輪」的地方就能進去設定頁面

在第三方過濾規則那邊，可以根據自己的需要來選擇要過濾的規則

例如經常逛中文的網站，就把中文的規則打勾，常逛日本或韓國就勾 JPN/KOR，其他語系自己看著辦

不過也不要勾太多，規則載入太多還是會影響效能的

弄完逛網頁整個神清氣爽，一些惱人的髒東西都不見了～

反反反廣告插件「uBlock Protector Extension」

然而最近因為很多人開始裝這種反廣告的外掛，也越來越多網站針對「反廣告」做出「反反廣告」的反擊

例如下面幾種：

這也沒辦法，因為很多網站的財源都只能依靠廣告，擋住廣告了他們只能喝西北風～

於是又有人開發了所謂的「反反反廣告」插件，我要推薦的是「uBlock Protector Extension」

這東西裝好之後比 uBlock Origin 還沒有存在感，而且沒有設定選項

要安裝前先打開 uBlock Origin 第三方阻擋清單裡面的「Adblock Warning Removal List」

然後到官方網頁直接點下面圖片，訂閱 uBlock Protector 的阻擋清單