爱意满满的作品展示区。
solobat

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

  •  
  •   solobat · Jun 10, 2020 · 3437 views
    This topic created in 2176 days ago, the information mentioned may be changed or developed.

    在开发 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 知识。如果你不了解这块,建议了解下,也可以在这里、Steward 论坛或 Github Issue 中提问。

    其它

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

    相关链接

    3 replies    2021-08-06 12:04:19 +08:00
    ershisi
        1
    ershisi  
       Jun 11, 2020   ❤️ 1
    这个东西如果能做到全面的接口的话 好像很无敌。
    solobat
        2
    solobat  
    OP
       Jun 11, 2020
    @ershisi 理论上是可以的,比如已经内置的 `click` 动作就能满足很多需求。
    moxuanyuan
        3
    moxuanyuan  
       Aug 6, 2021
    这个没有文档?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   960 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 20:38 · PVG 04:38 · LAX 13:38 · JFK 16:38
    ♥ Do have faith in what you're doing.