做了一个浏览器扩展，根据打开的网页提供一些顺手执行的动作……欢迎交流～

TLDR

• 一个浏览器插件


• 根据打开的网页提供一些动作，可以实现划词翻译、多选元素截图分享、网页剪藏、简单的自动化等操作


• 这是 AI 生成的 landing page: 顺手 · 会看场合的网页工具


• 当然，免费。仓库还没开源，先看看这个思路有没有人感兴趣……

正文

核心是根据打开的网页，把对应能顺手做的事放在旁边。所以引入了一个悬浮可展开的按钮和划词后的气泡。

一些场景示例：

1. 划词翻译


2. 将豆瓣图书、豆瓣电影、B 站视频的元数据保存到笔记软件。


3. 剪藏内容放到笔记软件或保存 markdown 到本地。


4. 任意选择网页上的元素并截图拼接分享。


5. 将 Instagram 、小红书的帖子整合为单图分享……


6. 简单的自动化：打开豆瓣电影页自动保存元数据到笔记；打开某网站首页自动点击签到……


7. 搭配组合，能接入 AI 、操作页面，理论上能有一些有趣的玩法。

讲讲思路

一如既往的自嗨产物。将整个流程抽象为：连接、提取、能力、配方、场景、模式。越抽象越上头……

首先把整个网页当作提取信息的上下文，通过点击的方式可视化获取任意 dom ，然后将 dom 转换为我们需要的信息。比如对 dom 进行截图、或者转换为 markdown 文本、获取图片、链接……获取一些结构化的元数据。划选也有语义，于是将划选文本，划选所在的段落都看作可以获取使用的信息。

这些被统一为扩展里的「变量」。

变量之间可以互相组合，搭配 AI ，总之就是获取各种信息。

然后将这些信息再利用扩展提供的「能力」进行一些「动作」。

比如扩展提供了保存文本为文件的能力，搭配变量形成一个动作：提取网页的某个 dom 的文本保存为本地 markdown 文件。

比如扩展提供了保存数据到笔记软件的数据库的能力，搭配提取的变量就可以得到一个书签收集工具。

比如这是一个分享 Instagram 帖子的动作：

这是一个任意选取内容，分享的动作：

感兴趣的朋友们玩玩！

可以这里下载：https://github.com/hqweay/shunshou/releases

欢迎拍砖，欢迎交流～