开发了个 Chrome 浏览器特定操作自动化的扩展

在开发 Steward 的过程中，设计过一些有用的 actions，比如阅读模式、英语语法高亮，在后续迭代时发现 Steward 本身不适合也难以承载这类功能，因此 Steward Helper 应运而生。

在 Chrome 应用商店搜索 Steward Helper 安装，代码开源在 https://github.com/solobat/steward-helper

Steward Helper 能做什么？

• 如上图中显示的阅读模式
• 给博客类文章自动添加锚点
• B 站 / Youtube 视频页自动页面全屏 /时间点
• 英语语法高亮
• 网页代码 copy(干净版)
• ......

基本说明

动作

就是 Steward Helper 内置的一些功能，通过右键菜单或快捷键可以执行

记录

大部分动作执行后都会产出一条记录(record)，可以在 popup 的 Records 面板查看到。 对记录可以执行回放以及转为自动化的操作

自动化

如果你想让某个动作在某些网站的页面自动执行，就需要用到自动化(Automation)。

自动化(Automation)可以单独添加，也可以从 Records 里转成。

它有两个参数，即指令(Instructions)与模式(Pattern)： 指令(Instructions)：用来描述动作与它的参数。以下图为例，readMode 是动作名，@.article-area 表示动作将应用于 .article-area 这个 css selector 代表的页面元素。

模式(Pattern)：表明动作将在哪些页面会自动执行，如 https://juejin.im/post/* 就对应着掘金的所有 post 页面。

使用

Steward Helper 的使用可能需要一些基本的 css selector 知识。如果你不了解这块，建议了解下，也可以在这里、Steward 论坛或 Github Issue 中提问。

其它

目前内置的这些动作，只是个人在使用浏览器过程中收集的一些需求，如果大家有一些较为通用的动作设想，我将在后续迭代中实现，当然也欢迎 Pull requests。

相关链接

• 新工具 -- Steward Helper
• Steward Helper 之简单优雅且效率的阅读模式
• 浏览器中的 Spotlight -- Steward