新工具 -- Steward Helper
发布于 2 个月前 作者 solobat 150 次浏览 来自 Steward Helper

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

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

sh_1-min.png

Steward Helper 能做什么?

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

基本说明

动作

就是 Steward Helper 内置的一些功能,通过右键菜单快捷键可以执行 sh_2-min.png

记录

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

自动化

如果你想让某个动作在某些网站的页面自动执行,就需要用到自动化(Automation)。 自动化(Automation)可以单独添加,也可以从 Records 里转成。 它有两个参数,即指令(Instructions)模式(Pattern): 指令(Instructions):用来描述动作与它的参数。以下图为例,readMode 是动作名,@.article-area 表示动作将应用于 .article-area 这个 css selector 代表的页面元素。 模式(Pattern):表明动作将在哪些页面会自动执行,如 https://juejin.im/post/* 就对应着掘金的所有 post 页面。 sh_4-min.png

使用

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

其它

目前内置的这些动作,只是个人在使用浏览器过程中收集的一些需求,如果大家有一些较为通用的动作设想,我将在后续迭代中实现,当然也欢迎 Pull requests。 目前还没有说明文档,后续会有一系列文章来介绍各个动作的使用。 Steward 论坛已年久失修,打算换个新的,准备中…

回到顶部