折腾啥

Power Users/Automators 折腾/讨论/分享各种开源工具/脚本/自动化工作流

👥 @zhetengsha_group

📌 合集 https://t.me/zhetengsha/2

🎁 恰饭 https://t.me/zhetengsha/957

📢 广告投放 @xream @xream_bot

Buy ads: https://telega.io/c/zhetengsha

feedId:55438372655431680+userId:62307599601855488

Search: #浏览器前端

  1. 折腾啥

    Browser AI Assistant: 面向 Chrome / Edge 的浏览器侧边栏 AI 工作台• 基于当前网页、多标签页、图片、Network 请求、JS 源码和运行时信息组织 AI 上下文• 支持多模型渠道、Tavily 搜索、提示词管理、隐私会话和多端同步• 提供受控浏览器自动化、接口分析、Source Map 分析、请求重放和会话导出能力

    Browser AI Assistant: 面向 Chrome / Edge 的浏览器侧边栏 AI 工作台

    • 基于当前网页、多标签页、图片、Network 请求、JS 源码和运行时信息组织 AI 上下文

    • 支持多模型渠道、Tavily 搜索、提示词管理、隐私会话和多端同步

    • 提供受控浏览器自动化、接口分析、Source Map 分析、请求重放和会话导出能力

    https://github.com/AhYi8/browser-ai-assistant


    合集 群组 恰饭 联系推广

    #浏览器插件 #AI助手 #Chrome #Edge #前端调试 #Web自动化 #GitHub
    Media is too big
    VIEW IN TELEGRAM

    • ❤️3
    • 🗿1

    浏览器插件AI助手ChromeEdge前端调试Web自动化GitHub

  2. 折腾啥

    codex-web: 把 Codex Desktop 带到浏览器的自托管前端• 浏览器直接连接运行在自有机器上的 Codex，任务可在云主机、家用服务器或桌面设备上持续执行• 轻量封装设计便于快速跟进上游更新，当前已支持 subagents、内联图片、编辑器侧边栏和语音转写• 支持 macOS 与 Linux 部署，可通过 npx 或 Nix 快速启动，适合远程开发和多设备接入

    codex-web: 把 Codex Desktop 带到浏览器的自托管前端

    • 浏览器直接连接运行在自有机器上的 Codex，任务可在云主机、家用服务器或桌面设备上持续执行

    • 轻量封装设计便于快速跟进上游更新，当前已支持 subagents、内联图片、编辑器侧边栏和语音转写

    • 支持 macOS 与 Linux 部署，可通过 npx 或 Nix 快速启动，适合远程开发和多设备接入

    https://github.com/0xcaff/codex-web

    合集 群组 恰饭 联系推广

    #自托管 #浏览器前端 #远程开发 #Codex #GitHub #macOS #Linux
    Media is too big
    VIEW IN TELEGRAM

    • ❤️2

    自托管浏览器前端远程开发CodexGitHubmacOSLinux

  3. 折腾啥

    Gemini AI 图像去水印: 基于浏览器本地计算的无损去水印工具• 采用反向 Alpha 混合算法，针对常见水印场景实现高质量还原，尽量保留原图细节• 全流程在浏览器前端本地处理，图片不上传服务器，兼顾隐私安全与合规需求• 支持 JPG、PNG、WebP 等主流格式，拖拽即用，毫秒级响应，适合快速批量处理网站:

    Gemini AI 图像去水印: 基于浏览器本地计算的无损去水印工具

    • 采用反向 Alpha 混合算法，针对常见水印场景实现高质量还原，尽量保留原图细节

    • 全流程在浏览器前端本地处理，图片不上传服务器，兼顾隐私安全与合规需求

    • 支持 JPG、PNG、WebP 等主流格式，拖拽即用，毫秒级响应，适合快速批量处理

    网站: https://banana.ovo.re

    UserScript: https://banana.ovo.re/userscript/gemini-watermark-remover.user.js

    #图像去水印 #图像处理 #浏览器本地处理 #隐私安全 #Gemini #AI

    • 🔥3
    • ❤️1

    图像去水印图像处理浏览器本地处理隐私安全GeminiAI

  4. 折腾啥

    #折腾 #碎碎念 #插件 #浏览器插件 #开源 Moe Copy AI 发布了 v0.2.0！ 新增了侧边栏模式和批量抓链接/内容提取的功能！

    Forwarded from cosine - 前端人の日常频道
    #折腾 #碎碎念 #插件 #浏览器插件 #开源
    Moe Copy AI 发布了 v0.2.0！

    新增了侧边栏模式和批量抓链接/内容提取的功能！
    • 批量抓取功能 - 一次性抓取多个链接中的文档内容
    • 可视化元素选择器，在页面上直接选择包含链接的区域
    • 智能链接提取，自动识别并预览所有可抓取的链接
    • 正则过滤 - 使用正则表达式精确筛选链接
    • 匹配目标：URL / 文本 / 两者
    • 过滤模式：排除匹配项 / 仅保留匹配项
    • 8 个内置预设规则（排除图片、锚点、分页、登录注册、静态资源、媒体；仅保留文档、网页）
    • 翻页抓取时自动应用相同的过滤规则
    • 分页抓取 - 支持选择"下一页"按钮，自动翻页并收集所有链接
    • 三种抓取策略：
    • Fetch API：直接获取页面 HTML，速度快但无法处理 JS 渲染
    • 后台标签页：在后台标签页中加载页面，支持 JS 渲染和登录态
    • 当前标签页：在当前标签页中依次访问，用户可见整个过程
    • 实时进度显示，支持暂停/继续/取消
    • ZIP 导出 - 将所有抓取结果打包为 ZIP 文件，包含索引文件和单独的 Markdown 文档
    • 内容提取功能 - 选择页面元素，提取其内容为多种格式
    • 可视化元素选择器
    • 多格式输出：HTML / Markdown / 纯文本
    • 一键复制到剪贴板
    • 模型选择改进，现在支持从 API 获取模型也支持自定义输入模型名称了。


    感谢 @hyoban 贡献的后台和分页抓取策略功能！

    Release 0.2.0

    Chrome 商店：https://chromewebstore.google.com/detail/moe-copy-ai/dfmlcfckmfgabpgbaobgapdfmjiihnck
    Media is too big
    VIEW IN TELEGRAM

    • ❤️4

    折腾碎碎念插件浏览器插件开源

  5. 折腾啥

    #优质博文 #JavaScript #前端 #新特性 #浏览器好东西

    Forwarded from cosine - 前端人の日常频道
    #优质博文 #JavaScript #前端 #新特性 #浏览器
    好东西。
    URLPattern is now Baseline Newly available

    AI 摘要：介绍了已进入 Baseline 的新浏览器功能 URLPattern API，它为 URL 匹配和路由提供了标准、简洁且高性能的原生解决方案。过去开发者需使用复杂的正则表达式或第三方库来解析和提取 URL 参数，而 URLPattern 使得这些操作更清晰、可维护且无需额外依赖。


    [以下是方便搜索索引的大纲(AI 生成)，请读原文]
    1. URLPattern 基础与核心概念
    • 介绍 URLPattern API 的推出背景：取代传统正则匹配与第三方路由库。
    • 提供新 URLPattern 接口，可通过 .test() 与 .exec() 操作直接匹配并提取参数。

    2. 基本 URL 模式匹配
    • 对比旧方法（URL + 正则）与新 API 的简化写法。
    • 展示匹配 /users/:id 的例子，体现代码可读性和简洁性。

    3. 提取动态参数（Dynamic Parameters）
    • 传统方法依赖匿名的正则捕获组，易出错。
    • URLPattern 支持命名参数，可通过结构化对象获取（如 result.pathname.groups）。
    • 示例：提取书籍分类 category 与 id。

    4. 复合匹配（Compose Multipart Matches）
    • 传统方式需多处判断主机名与路径。
    • URLPattern 原生支持同时匹配多个部分，例如 hostname + pathname。
    • 示例：匹配 .cdn.com 下的 /images/ 文件。

    5. 减少项目依赖（Project Dependencies）
    • URLPattern 是内置能力，无需加载第三方库，减少 bundle 体积与维护成本。
    • 使用浏览器原生实现，跨引擎一致且性能更优。

    6. 深度用法详解（Detailed Usage）
    • 多种典型场景：
    • 路径匹配与参数提取：示例 /products/:category/:id 展示 .test() 与 .exec() 双用法。
    • 匹配子域名与版本号：支持在 hostname 层定义变量如 :subdomain.myapp.com，适用于多子域架构。
    • 通配符与正则表达式结合：通过 * 和嵌入式正则增强匹配灵活度，如 /users/:userId(d+)/assets/*.(jpg|png|gif)。

    7. 实战示例：Service Worker 路由
    • 利用 URLPattern 拦截 fetch 事件，根据路径实行不同缓存策略。
    • 示例：
    • /images/* 采用缓存优先；
    • /api/* 使用网络优先。
    • 显示该 API 在渐进式 Web 应用（PWA）中的现实意义。

    8. 结语与扩展阅读
    • URLPattern 提升代码可维护性，简化路由逻辑。
    • 推荐进一步查阅 MDN Web Docs 了解完整参考。


    author Jay Rungta
    web.dev
    URLPattern is now Baseline Newly available  |  Blog  |  web.dev
    URLPattern is now Baseline Newly available  |  Blog  |  web.dev
    URLPattern became Baseline Newly available as of September 15, 2025.

    • ❤️3

    优质博文JavaScript前端新特性浏览器

  6. 折腾啥

    #折腾 #碎碎念 #插件 #浏览器插件 #开源 Moe Copy AI 又更了一点东西，现在能抓到更多网站结构了～试了一周还是蛮爽的，商店还在审核

    Forwarded from cosine - 前端人の日常频道
    #折腾 #碎碎念 #插件 #浏览器插件 #开源
    Moe Copy AI 又更了一点东西，现在能抓到更多网站结构了～试了一周还是蛮爽的，商店还在审核。

    • 新增了 Readability 抓取模式，用 Mozilla Firefox 阅读模式的核心算法 @mozilla/readability，也保留着原来的选择器模式。
    • 新增全屏预览，预览抓取到的 Markdown 内容时支持全屏预览

    Release 0.1.6

    下一步想加个预设提示词管理切换的功能（
    GitHub
    GitHub - yusixian/moe-copy-ai: ✨ 萌萌哒的 AI 网页数据提取助手 ✨
    GitHub - yusixian/moe-copy-ai: ✨ 萌萌哒的 AI 网页数据提取助手 ✨
    ✨ 萌萌哒的 AI 网页数据提取助手 ✨. Contribute to yusixian/moe-copy-ai development by creating an account on GitHub.

    • ❤️4
    • 😁1

    折腾碎碎念插件浏览器插件开源

  7. 折腾啥

    有群友发现OpenAI的工程师三件套：Arc 浏览器，Warp 终端，Cursor 编辑器正好借此机会对这仨小小总结一下▎Arc别用, 会不幸福. 非要用的话, 做好因为 Arc Only 的问题抓狂的准备.不如来跟我一起用 Edge 吧 Edge 浏览器 Tips▎Warp能用, 但是要改变你之前的环境习惯它把逻辑做成了一个 block 一个 blockAI 功能不错▎Cursor好用爱用, 马上给我用不提倡无限白嫖 但是如果你想 可以使用: bestK/cursor-fake-machine yuaotian/go-cursor-help 频道资源合集 恰饭推荐 群组 #Arc #Warp #Cursor #浏览器 #终端 #Terminal #编辑器 #Edge #AI

    有群友发现
    OpenAI的工程师三件套：Arc 浏览器，Warp 终端，Cursor 编辑器

    正好借此机会对这仨小小总结一下

    ▎Arc

    别用, 会不幸福. 非要用的话, 做好因为 Arc Only 的问题抓狂的准备.

    不如来跟我一起用 Edge 吧

    Edge 浏览器 Tips

    ▎Warp

    能用, 但是要改变你之前的环境习惯
    它把逻辑做成了一个 block 一个 block
    AI 功能不错

    ▎Cursor

    好用爱用, 马上给我用

    不提倡无限白嫖 但是如果你想 可以使用:

    bestK/cursor-fake-machine

    yuaotian/go-cursor-help

    频道资源合集 恰饭推荐 群组

    #Arc #Warp #Cursor #浏览器 #终端 #Terminal #编辑器 #Edge #AI

    • 👍8
    • ❤️4

    ArcWarpCursor浏览器终端Terminal编辑器EdgeAI