Safari CSS修改器—Cascadea(可在macOS Catalina下能完美使用)

Cascadea 是一款直接上架在 App Store 上的應用,通過應用自帶的擴展安裝到 Safari 上,因此從某種程度來說繞過了 Safari 擴展商店的審覈,也就保證了它不太可能會被系統更新和 Safari 升級所影響。只要 app 沒有出現問題,那麼 Cascadea 的 Safari 擴展大概率都不會出現被停用或不受支持的情況。

16103736_031521d680.jpeg

Cascadea 的使用方式也很簡單。打開 app 後,只要點擊左上角的「+」按鈕,然後輸入一個新的樣式名稱和適用的網頁,再點擊 Creat,就可以開始進行修改了。

值得一提的是,在「適用於以下網頁」的選項上,Cascadea 提供了四個選擇,分別是域名、地址、以某域名爲起始的地址和正則表達式,幾乎能夠涵蓋所有的網頁。

16103754_77680574ee.png

進入到 CSS 編輯器後,就可以開始 CSS 代碼的編寫了。在編輯頁面,Cascadea 支持多章節的 CSS 編寫,更易於不同元素的管理。同時,你還可以在 Rules 中選擇是否將 CSS 代碼應用到多個網頁,同樣也支持域名、地址、以某域名爲起始的地址和正則表達式的輸入結構。

16103808_bf9e1eeb1f.png

除此之外,你還可以設定作者、版本、描述等內容,或者是將 CSS 單獨保存爲本地文件。

如果你平時在寫代碼時還是個不注意留白和換行的「隨便黨」,Cascadea 還給了你一個「一鍵格式化」的選項。當然,此「格式化」非彼「格式化」—— 點擊上面的魔棒按鈕,Cascadea 就會自動幫你整理和規範當前頁面的代碼,讓代碼更加符合留白和換行規範。

16103831_726d33339a.png

在 Cascadea 的偏好設置選項中,你也可以對編輯器進行調整,例如主題、是否顯示行數、警告和錯誤、是否自動換行和自動填充。

16103901_d94ba35496.png

代碼寫完之後,直接按下 ⌘Command+S 保存,就可以立即對需要修改的網頁生效,不需要刷新。如果因爲手抖出錯,還可以直接 ⌘Command+Z 進行回滾操作。因此比起之前那些直接在網頁端進行修改的插件來說,Cascadea 的體驗也更加優秀。

對了,Cascadea 還支持根據不同的系統顯示模式(深色模式、淺色模式或全局),來選擇是否對網頁進行 CSS 修改。比如你可以針對經常訪問的網頁自己寫一個「Dark Mode」的版本出來,並讓它在系統開啓深色模式時才生效,這樣就能獲得更佳的夜間網頁瀏覽體驗了。

16103921_ca4e43b90e.png

此外,根據外國開發者的統計顯示,Cascadea 還支持從 userstyles.org 安裝 CSS 文件。16103939_f04d4df237.png


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章