一个智能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模型显示功能
相关推荐
RadiumAg10 分钟前
记一道有趣的面试题
前端·javascript
yangzhi_emo15 分钟前
ES6笔记2
开发语言·前端·javascript
yanlele31 分钟前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试
中微子2 小时前
React状态管理最佳实践
前端
烛阴2 小时前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
中微子2 小时前
JavaScript 事件与 React 合成事件完全指南:从入门到精通
前端
蹦蹦跳跳真可爱5892 小时前
Python----OpenCV(图像増强——高通滤波(索贝尔算子、沙尔算子、拉普拉斯算子),图像浮雕与特效处理)
人工智能·python·opencv·计算机视觉
Hexene...2 小时前
【前端Vue】如何实现echarts图表根据父元素宽度自适应大小
前端·vue.js·echarts
nananaij2 小时前
【Python进阶篇 面向对象程序设计(3) 继承】
开发语言·python·神经网络·pycharm
雷羿 LexChien2 小时前
从 Prompt 管理到人格稳定:探索 Cursor AI 编辑器如何赋能 Prompt 工程与人格风格设计(上)
人工智能·python·llm·编辑器·prompt