一个智能AI看板娘浏览器插件,让可爱的二次元角色陪伴你的浏览时光,并帮助你快速总结网页内容

Live2D页面助手

一个智能Live2D看板娘浏览器插件,让可爱的二次元角色陪伴你的浏览时光,并帮助你快速总结网页内容。

功能特点

  • Live2D模型展示:在任意网页显示可爱的Live2D模型
  • 智能页面总结:一键获取当前页面内容的简洁总结
  • 多模型支持:支持多个模型配置和一键切换
  • 高度自定义:自由调整模型位置、大小和显示效果
  • 便捷操作:支持模型拖拽排序和快捷键操作
  • API设置:集成Kimi API,支持自定义API配置

效果图

安装指南

Chrome浏览器安装

  1. 下载最新版插件压缩包并解压
  2. 打开Chrome浏览器,输入 chrome://extensions/
  3. 开启右上角的"开发者模式"
  4. 点击"加载已解压的扩展程序"
  5. 选择解压后的插件文件夹

Edge浏览器安装

  1. 下载最新版插件压缩包并解压
  2. 打开Edge浏览器,输入 edge://extensions/
  3. 开启左下角的"开发人员模式"
  4. 点击"加载解压缩的扩展"
  5. 选择解压后的插件文件夹

使用说明

基本使用

  1. 安装插件后,点击浏览器工具栏的插件图标
  2. 开启Live2D模型显示开关
  3. 在任意网页中将显示Live2D模型

模型设置

  1. 点击"模型设置"展开设置面板
  2. 可以添加、删除、调整模型
  3. 自定义模型位置、大小和缩放比例
  4. 拖拽调整模型显示顺序
  5. 点击"保存设置"应用更改

总结功能

  1. 点击Live2D模型打开菜单
  2. 点击菜单中的"总结"选项
  3. 插件会自动分析当前页面内容并生成总结
  4. 总结结果将以弹窗形式显示
  5. 可以点击"复制内容"按钮复制总结结果

API配置

  1. 点击插件弹出窗口中的"API设置"
  2. 输入您的Kimi API密钥
  3. 可选:修改API基础URL和模型名称
  4. 点击"保存API设置"按钮应用配置

快捷键

  • Alt+S: 快速触发页面总结功能

常见使用场景

  • 学术研究:快速总结长篇学术论文,提取关键观点和结论
  • 新闻阅读:一键获取新闻文章要点,节省阅读时间
  • 技术文档:总结复杂技术文档,获取核心知识点
  • 工作学习:在长时间浏览时,让可爱模型陪伴,减轻疲劳

自定义模型

目前仅支持以下域名的模型:

常见问题解答 (FAQ)

Q: 为什么我的总结功能无法使用?

A: 请确保已正确配置有效的Kimi API密钥,并检查网络连接是否正常。

Q: 模型显示不全或位置不对怎么办?

A: 在设置中调整模型的位置、大小和缩放参数,然后点击保存设置。

Q: 能否使用我自己制作的Live2D模型?

A: 可以,但目前仅支持指定域名托管的模型,如需使用自定义模型,请联系作者。

Q: 插件会收集我的个人信息吗?

A: 不会。本插件不收集任何个人信息,API密钥仅存储在本地浏览器中。

Q: 总结功能支持哪些语言的网页?

A: 总结功能基于Kimi API,支持中文、英文等多种语言的内容总结。

开发环境准备

  1. 安装Node.js (推荐v16+)
  2. 克隆项目并安装依赖:

打包发布

  1. 运行加密打包:
  2. 打包后的文件在 dist 目录下
  3. 在Chrome扩展管理页面加载已解压的扩展程序,选择 dist 目录

技术特性

  • 高效总结算法:智能提取页面关键信息
  • 安全API调用:加密传输API请求
  • 流畅交互体验:优化的请求队列和错误处理机制
  • 多平台兼容:支持Chrome、Edge等主流浏览器

注意事项

  • 总结功能需要配置有效的Kimi API密钥才能使用
  • API请求可能受到服务商的频率限制
  • 总结结果的质量取决于页面内容的结构和复杂度

许可证

本项目采用MIT许可证 - 详情请查看LICENSE文件


📚 推荐阅读


更新日志

版本 3.0.1

  • 新增页面智能总结功能
  • 添加Kimi API设置界面
  • 优化UI交互体验
  • 修复多个已知问题

版本 2.0.0

  • 支持多模型配置和切换
  • 添加模型拖拽排序功能
  • 优化用户界面

版本 1.0.0

  • 初始版本发布
  • 基础Live2D模型显示功能
相关推荐
Csvn2 分钟前
🛋️ requestIdleCallback:把非关键任务塞进浏览器的"空闲时间",告别卡顿
前端
江华森3 分钟前
从 fork 到协程:一次完整的操作系统并发编程实操
前端·程序员
Code额4 分钟前
Python 连接 DeepSeek API,OpenAI 对话方式总结
后端·python·ai·ai编程
电化学仪器白超4 分钟前
MV-CS200-10UC相机参数配置
python·单片机·嵌入式硬件·数码相机·自动化·ltspice
四千岁5 分钟前
稀疏向量BM25Retriever不支持中文怎么办?jieba来帮忙
前端·javascript·后端
这是个栗子8 分钟前
【JS代码分析】前端鉴权基础:Token 的本地存储与状态重置实践
开发语言·前端·javascript
颜进强9 分钟前
14 - OpenSpec 老页面改造骨架:定位 + 增量 + 回归三件套
前端·后端·ai编程
做前端的娜娜子10 分钟前
async/await 错误处理:try...catch vs .catch() 完全指南
前端·面试·掘金·金石计划
半个落月13 分钟前
React 性能优化入门:用 memo 避免无关的子组件重复渲染
前端·react.js
荣码20 分钟前
向量数据库选型:4种方案全测了,选错重来成本最高
java·python