呜啦!日常碎碎念,偶尔掉落优质前端博文推荐、学习资源等
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
网页:https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦~
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频:Cosine 🎨 Gallery @CosineGallery
猫片: @cosine_cat
联系频道主:@cosine_yu
#折腾 #碎碎念 #插件 #浏览器插件 #开源
Moe Copy AI 发布了 v0.2.0!
新增了侧边栏模式和批量抓链接/内容提取的功能!
感谢 @hyoban 贡献的后台和分页抓取策略功能!
Release 0.2.0
Chrome 商店:https://chromewebstore.google.com/detail/moe-copy-ai/dfmlcfckmfgabpgbaobgapdfmjiihnck
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
#优质博文 #浏览器插件 #插件
推荐了 Under New Management 扩展,开源、权限正常。间歇性地检查已安装的扩展,查看 Chrome 网上商城中列出的开发者信息是否发生变化。如果有任何不同,扩展图标将显示红色徽章,提醒你发生了更改。
Buying browser extensions for fun and profit
author John Tuckner
via Frontend Focus 684
推荐了 Under New Management 扩展,开源、权限正常。间歇性地检查已安装的扩展,查看 Chrome 网上商城中列出的开发者信息是否发生变化。如果有任何不同,扩展图标将显示红色徽章,提醒你发生了更改。
Buying browser extensions for fun and profit
AI 摘要:本文通过作者购买浏览器扩展并篡改其功能的实验,揭示了浏览器扩展所有权转移的隐蔽性及潜在安全风险,呼吁用户警惕此类交易的恶意利用。
文章以作者购买名为 "Website Blocker" 的 Chrome 扩展为例,详细描述了从 寻找目标扩展 到 所有权转移 、 代码篡改 的全过程。实验发现:
1. 扩展交易市场的活跃性 :开发者常因维护压力或变现困难,在平台(如 extensionhub.io)出售扩展,价格从 $50 到 $100,000 不等。
2. 权限滥用风险 :扩展的declarativeNetRequest和全域名权限(`*://*/*`)可被新所有者用于流量劫持(如重定向至恶意网站)或数据收集。
3. Google 审核机制的漏洞 :
- 所有权转移仅需开发者邮件确认,用户无感知;
- 更新代码时,仅新增权限会触发用户通知,已有权限的功能修改可绕过审查。
作者通过 真实案例 (如高价扩展 "Adblock for YouTube" 易主后收集用户点击流数据)进一步佐证风险。最后提出 应对建议 :
- 使用工具监控扩展所有权变更(如 Under New Management 扩展);
- 定期审查企业内扩展清单,避免使用被售卖的扩展;
- 借助 Secure Annex 等平台进行代码分析和主动警报。
author John Tuckner
via Frontend Focus 684
#前端 #工具推荐 #浏览器插件 #tools #tailwind #shadcn #color
CSS Variables Editor —— CSS Variables Editor 是一款浏览器扩展,旨在简化 CSS 变量中颜色的管理。 其主要功能包括:
- AI 生成的色彩方案:通过集成 OpenAI 或 Anthropic API,快速生成并在实际应用中预览色彩方案。
- 无障碍测试:根据 WCAG 指南检查色彩对比度,确保设计的可访问性。
- 实时颜色编辑:直接在浏览器中修改 CSS 变量的颜色值,实时预览更改效果,提升设计与代码的协作效率。
- 支持 daisyUI 和 shadcn/ui:提供官方文档中的颜色描述,确保在应用中正确使用,并避免忽略弹出框、聚焦环等状态的设计。
- 导出更改:支持导出修改后的 CSS 变量,遵循 Tailwind 的推荐实践。
该扩展可从 Chrome 网上应用店安装,适用于设计师和开发者,提升设计系统中颜色管理的效率。
CSS Variables Editor —— CSS Variables Editor 是一款浏览器扩展,旨在简化 CSS 变量中颜色的管理。 其主要功能包括:
- AI 生成的色彩方案:通过集成 OpenAI 或 Anthropic API,快速生成并在实际应用中预览色彩方案。
- 无障碍测试:根据 WCAG 指南检查色彩对比度,确保设计的可访问性。
- 实时颜色编辑:直接在浏览器中修改 CSS 变量的颜色值,实时预览更改效果,提升设计与代码的协作效率。
- 支持 daisyUI 和 shadcn/ui:提供官方文档中的颜色描述,确保在应用中正确使用,并避免忽略弹出框、聚焦环等状态的设计。
- 导出更改:支持导出修改后的 CSS 变量,遵循 Tailwind 的推荐实践。
该扩展可从 Chrome 网上应用店安装,适用于设计师和开发者,提升设计系统中颜色管理的效率。