在开发 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。