V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
solobat
V2EX  ›  分享创造

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

  •  
  •   solobat · 2020-06-10 20:14:15 +08:00 · 2491 次点击
    这是一个创建于 1405 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在开发 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 条回复    2021-08-06 12:04:19 +08:00
    ershisi
        1
    ershisi  
       2020-06-11 09:18:28 +08:00   ❤️ 1
    这个东西如果能做到全面的接口的话 好像很无敌。
    solobat
        2
    solobat  
    OP
       2020-06-11 09:38:11 +08:00
    @ershisi 理论上是可以的,比如已经内置的 `click` 动作就能满足很多需求。
    moxuanyuan
        3
    moxuanyuan  
       2021-08-06 12:04:19 +08:00
    这个没有文档?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3464 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 933ms · UTC 11:53 · PVG 19:53 · LAX 04:53 · JFK 07:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.