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

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

  •  
  •   hqweay · 6 days ago · 767 views

    TLDR

    • 一个浏览器插件
    • 根据打开的网页提供一些动作,可以实现划词翻译、多选元素截图分享、网页剪藏、简单的自动化等操作
    • 这是 AI 生成的 landing page: 顺手 · 会看场合的网页工具
    • 当然,免费。仓库还没开源,先看看这个思路有没有人感兴趣……

    正文

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

    一些场景示例:

    1. 划词翻译
    2. 将豆瓣图书、豆瓣电影、B 站视频的元数据保存到笔记软件。
    3. 剪藏内容放到笔记软件或保存 markdown 到本地。
    4. 任意选择网页上的元素并截图拼接分享。
    5. 将 Instagram 、小红书的帖子整合为单图分享……
    6. 简单的自动化:打开豆瓣电影页自动保存元数据到笔记;打开某网站首页自动点击签到……
    7. 搭配组合,能接入 AI 、操作页面,理论上能有一些有趣的玩法。

    image

    image

    image

    讲讲思路

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

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

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

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

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

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

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

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

    image

    这是一个任意选取内容,分享的动作:

    image

    image

    感兴趣的朋友们玩玩!

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

    欢迎拍砖,欢迎交流~

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5384 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 01:32 · PVG 09:32 · LAX 18:32 · JFK 21:32
    ♥ Do have faith in what you're doing.