与「浏览器扩展」相关的搜索结果

想让任何网页都拥有自己的 AI 助手，一行代码就能搞定。 Page Agent，阿里巴巴开源的前端智能体。不用装浏览器扩展，不用搭后端，更不需要截屏识别，所有操作都在页面里完成。你只需说一句话，它就能自动填表、点击、导航，把几十次点击变成一句指令。 无论是给 SaaS 产品加个 Copilot，还是让复杂的后台系统开口听话，它都能马上落地。而且支持几乎所有大模型，还可以在本地部署。

想用AI直接操作网页的都懂！！ 要么装浏览器扩展，要么写Python脚本，要么搞headless浏览器，配置麻烦、权限敏感，还容易出问题…… Alibaba直接开源了 Page Agent！一个纯前端的网页GUI Agent，用自然语言就能控制网页界面。 几个硬核点给你划出来： 1️⃣ 纯JavaScript实现，直接嵌入网页运行，无需扩展或后端 2️⃣ 支持自然语言指令控制DOM（点击、输入、滚动等） 3️⃣ Bring Your Own LLM，随便接你想用的模型 4️⃣ 可选Chrome扩展实现跨标签页、多页面复杂任务 5️⃣ 极致轻量，一行script标签或NPM安装即可使用 说白了，这就是给想让AI帮自己操作网页的开发者准备的。 你不再需要写复杂自动化脚本，而是直接用自然语言指挥网页干活！ 🔗

SingleFile 这个网页归档浏览器扩展非常实用 SingleFile 是一个把完整网页保存成单个 HTML 文件的浏览器扩展项目。 吸引人的点在于，它能配置自动保存，把页面、样式、图片和内容导出到一个 HTML 文件里，还能配合注释和归档工作流做资料留存。 GitHub：2.2 万 stars

我发现程序员都有一个共同毛病，不敢关标签页 你电脑里同时开着多少个标签页不关？10 个？20 个？ 还是和我一样：打开浏览器半小时，标签页已经堆到看不见标题了……很多人以为自己缺的是记忆力，其实缺的是一个标签页管理工具。 今天分享一个开源项目：tab-out。 它的诞生原因特别真实，原作者因为经常一口气打开 50 多个标签页，结果越攒越多，想关关不掉，想找找不到，最后干脆自己写了个工具。 后来又有开发者基于这个想法进行了二次开发，增加了更多管理功能，甚至直接上架了 Chrome 商店。 它的核心思路很简单： 把失控的标签页重新组织起来。 让浏览器不再变成一场灾难现场 如果你的浏览器长期处于： 📑 标签页爆炸 📑 找不到刚开的页面 📑 不敢关闭怕丢内容 的状态， 可以试试它。 项目地址： 原版： 二开版： Chrome 商店版本（功能更丰富）： #源码# #浏览器标签页# #浏览器扩展# 评论区聊聊👇 你现在浏览器开着多少个标签页？

PlainTab 既是浏览器扩展，也能当独立网页用。没有外部依赖，不用构建，纯原生 JS + CSS。在新标签页可以秒开壁纸，，不让用户看到白屏或灰底。

Terminal Tab 终端风格的模块化新标签页仪表盘浏览器扩展，支持 Firefox 和 Chrome 的浏览器，内置搜索、日期时间、统计、天气、链接和待办等实用组件，同时支持 Spotify 正在播放、GitHub Issues/PRs、AniList 和 Trakt 等第三方集成。

注意下这个浏览器扩展会偷用户交易所的 Cookies 等权限信息，有一些用户损失挺大。扩展叫「AggrTrade」，如果你安装了，尽快删除，并修改各平台账号密码及 2FA、重置交易 API 等… 安装使用扩展真要谨慎。

[前端设计 Skills 分享] Make Interfaces Feel Better 把界面的"高级感"翻译成了一套可执行、可审查的量化细节规则，能系统地发现并修复那些单个不起眼、叠加起来却决定界面高级感的细节问题。 开源作者 @jakubkrehel 👍🏻 这个 Skill 的核心设计想法 细节复利：优秀界面来自小细节的叠加，而非单一亮点。 融入既有体系：修复必须用项目现有的样式方案表达（Tailwind 项目就用 Tailwind），绝不为了润色引入第二套样式系统。 慢速审查法：在浏览器动画面板以 10% 速度重放动效，并遍历 hover/focus/active/loading/empty 所有状态——慢速下感觉不对的，就是全速下隐约出错的地方。 # Skill 的十九条原则（五大类） 1. 表面与布局（Surfaces） · 同心圆角：外层圆角 = 内层圆角 + 内边距，嵌套圆角不匹配是最常见的"感觉不对"来源。 · 视觉对齐优先于几何对齐：图标按钮图标侧内边距减 2px、播放三角形右移、不对称图标直接修 SVG。 · 阴影表达层级、边框表达结构：仅为制造深度的边框应换成三层透明 box-shadow；分割线、选中/聚焦态保留边框。 · 图片描边：1px 低透明度内缩 outline，亮色模式用纯黑、暗色用纯白（oklch 10%），绝不用 slate/zinc 等带色调的近黑——会吸附底色显得脏。 · 最小点击区域：触屏 44×44px，密集桌面端至少 40×40px，可用伪元素扩展，但两个元素的热区永不重叠。 2. 动画（Animations） · 可中断性：交互动画用 CSS transition（中途可转向），keyframes 只用于一次性序列。 · 入场拆分交错：低频入场按语义分块、约 100ms 交错；高频交互（行悬停、键入）绝不加动画。 · 退场弱于入场：小固定位移（如 translateY(-12px)），时长更短（150ms），均用 ease-out。 · 图标情境动画：固定参数——scale 0.25→1、opacity 0→1、blur 4px→0；spring 的 bounce 必须为 0；无动效库时双图标同 DOM 交叉淡入淡出。 · 按压缩放：固定 scale(0.96)，不低于 0.95；提供 static prop 关闭。 · 页面加载跳过动画：AnimatePresence 加 initial={false}，但要确认不破坏有意设计的入场。 · 动效克制：动效是预算不是装饰；动效不能是唯一反馈渠道，必须配静态提示（颜色/图标/文字）。 3. 排版（Typography） · text-wrap: balance 用于标题（≤6 行），pretty 用于正文防孤词，长文本都不用。 · macOS 根布局统一加 antialiased 字体平滑。 · 动态数字用 tabular-nums 等宽数字防布局抖动；不要求更换项目字体族。 4. 图标（Icons） · 描边粗细匹配文字字重：常规文本配 1.5px，半粗配 2px。 · 单一 SVG + currentColor，状态全靠 CSS 颜色和透明度，绝不为每个状态出独立资源。 · 默认描边样式、填充样式只标记激活态；按渲染尺寸设计；RTL 场景只翻转方向性图标。 5. 性能（Performance） · 禁用 transition: all，明确列出过渡属性。 · will-change 仅用于 transform/opacity/filter，且只在观察到首帧卡顿（尤其 Safari）时才加。 审查输出规范 Skill 对审查报告有严格格式要求，这也是它区别于普通"设计建议清单"的地方： · 覆盖声明：列出五类各自实际检查了什么，未检查的必须标注"Not reviewed"，不许暗示已审。 · 发现表格：按原则分组，含严重度（HIGH/MEDIUM/LOW）、精确到行的位置、Before/After、违反的原则及用户影响。系统性问题合并为一行并列出所有受影响位置。 · 已否决候选：必须列出 1–5 个考虑过但否决的修改及理由，防止"为改而改"。 · 验证与裁决：列出实际运行的验证命令；有 HIGH 未解决则 Block，仅中低优问题则 Needs changes，无问题才 Approve。

Yace 是个不到 2KB（gzip）的浏览器代码编辑器组件，用透明 textarea 叠高亮 pre 的思路，在不引入 Monaco、CodeMirror 那种大体量库的情况下也能做语法高亮和扩展编辑。

卧槽，Codex 这次更新，让 Chrome 扩展有点尴尬了。。。 现在 Codex 真的能带着你的账号逛互联网了！ 一键导入 Chrome 的 Cookies 和 Password，Gmail、推特、小红书等各种网站打开就是你的登录状态 你可以直接让它： 查邮件和附件、跨平台找选题、巡检后台、下载报表、填表上传、核对订单...... 打开开发者模式以后，能进真实页面查 DOM、控制台和网络请求。 并且它在内置浏览器里跑，你可以继续用 Chrome，互不干扰。 各种做浏览器插件的，直接天塌了。。。