无惧 macOS 系统升级和 Safari 扩展不再被支持,随心修改网页 CSS —— Cascadea

时间:2020-07-07 浏览次数:111 编辑:user07

如果对一个网页的设计不满意怎么办?我们可以通过注入自定义 CSS 来进行更改。Cascadea &mDash;&mDash; 一款能在 macOS Catalina 下能完美使用的 Safari CSS 修改器 。

Cascadea 是一款直接上架在 App Store 上的应用,通过应用自带的扩展安装到 Safari 上,因此从某种程度来说绕过了 Safari 扩展商店的审核,也就保证了它不太可能会被系统更新和 Safari 升级所影响。只要 app 没有出现问题,那么 Cascadea 的 Safari 扩展大概率都不会出现被停用或不受支持的情况。
Cascadea 的使用方式也很简单。打开 app 后,只要点击左上角的「+」按钮,然后输入一个新的样式名称和适用的网页,再点击 Creat,就可以开始进行修改了。

值得一提的是,在「适用于以下网页」的选项上,Cascadea 提供了四个选择,分别是域名、地址、以某域名为起始的地址和正则表达式,几乎能够涵盖所有的网页。
进入到 CSS 编辑器后,就可以开始 CSS 代码的编写了。在编辑页面,Cascadea 支持多章节的 CSS 编写,更易于不同元素的管理。同时,你还可以在 Rules 中选择是否将 CSS 代码应用到多个网页,同样也支持域名、地址、以某域名为起始的地址和正则表达式的输入结构。
除此之外,你还可以设定作者、版本、描述等内容,或者是将 CSS 单独保存为本地文件。

如果你平时在写代码时还是个不注意留白和换行的「随便党」,Cascadea 还给了你一个「一键格式化」的选项。当然,此「格式化」非彼「格式化」&mDash;&mDash; 点击上面的魔棒按钮,Cascadea 就会自动帮你整理和规范当前页面的代码,让代码更加符合留白和换行规范。
在 Cascadea 的偏好设置选项中,你也可以对编辑器进行调整,例如主题、是否显示行数、警告和错误、是否自动换行和自动填充。

不过在设置中的那个「Enable awesomeness detection」我倒是没发现哪里有用,大概是我代码写的太烂,根本不能触发吧。
代码写完之后,直接按下 ⌘Command+S 保存,就可以立即对需要修改的网页生效,不需要刷新。如果因为手抖出错,还可以直接 ⌘Command+Z 进行回滚操作。因此比起之前那些直接在网页端进行修改的插件来说,Cascadea 的体验也更加优秀。

对了,Cascadea 还支持根据不同的系统显示模式(深色模式、浅色模式或全局),来选择是否对网页进行 CSS 修改。比如你可以针对经常访问的网页自己写一个「Dark Mode」的版本出来,并让它在系统开启深色模式时才生效,这样就能获得更佳的夜间网页浏览体验了。
妈妈再也不担心我被白色网页亮瞎了
此外,根据外国开发者的统计显示,Cascadea 还支持从 userstyles.org 安装 CSS 文件。

相关文章

推荐软件

客服QQ:

客服微信

返回顶部