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

如果对一个网页的设计不满意怎么办?我们可以通过注入自定义 CSS 来进行更改。Cascadea &mDash;&mDash; 一款能在 macOS Catalina 下能完美使用的 Safari CSS 修改器 。无惧 macOS 系统升级和 Safari 扩展不再被支持,随心修改网页 CSS —— Cascadea 苹果教程 第1张

Cascadea 是一款直接上架在 App Store 上的应用,通过应用自带的扩展安装到 Safari 上,因此从某种程度来说绕过了 Safari 扩展商店的审核,也就保证了它不太可能会被系统更新和 Safari 升级所影响。只要 app 没有出现问题,那么 Cascadea 的 Safari 扩展大概率都不会出现被停用或不受支持的情况。无惧 macOS 系统升级和 Safari 扩展不再被支持,随心修改网页 CSS —— Cascadea 苹果教程 第2张


Cascadea 的使用方式也很简单。打开 app 后,只要点击左上角的「+」按钮,然后输入一个新的样式名称和适用的网页,再点击 Creat,就可以开始进行修改了。

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

如果你平时在写代码时还是个不注意留白和换行的「随便党」,Cascadea 还给了你一个「一键格式化」的选项。当然,此「格式化」非彼「格式化」&mDash;&mDash; 点击上面的魔棒按钮,Cascadea 就会自动帮你整理和规范当前页面的代码,让代码更加符合留白和换行规范。无惧 macOS 系统升级和 Safari 扩展不再被支持,随心修改网页 CSS —— Cascadea 苹果教程 第5张
在 Cascadea 的偏好设置选项中,你也可以对编辑器进行调整,例如主题、是否显示行数、警告和错误、是否自动换行和自动填充。

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

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

文章链接:https://www.xiaoyuanjiu.com/50897.html
文章标题:无惧 macOS 系统升级和 Safari 扩展不再被支持,随心修改网页 CSS —— Cascadea
文章版权:小媛啾 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!
苹果教程

90% 的人不知道的 iPhone 的 8 个非常细节的小功能

2022-1-10 23:34:58

苹果教程

Apple ID 付款方式为什么不能选择“无”,如何解决?

2022-1-11 0:15:01

搜索