A Chrome Extension
此扩展为“稀土掘金2022编程挑战赛”比赛作品
后续开发将集中在bili_version分支,main分支不再做任何修改。
浏览器版本 | 拓展版本 | 安装方式 | 可用性 |
---|---|---|---|
Chrome | 0.0.4 |
.zip |
✅ |
Edge | 0.0.4 |
官方应用商店 .zip |
✅ |
FireFox | 0.0.4 |
官方应用商店 |
✅ |
其他浏览器 | / |
/ |
/ |
Chrome 浏览器:
安装详细步骤:安装方式
打开任意网页,即可看到一只可爱小然出现在你的页面上。
她能陪你一起读文献、刷视频、看直播,还能够与你互动,帮你收集语料,提醒你按时休息。
除了小然,还有其他四位A-Soul成员可以配置,点击扩展按钮,在弹出框中进行配置。
项目使用 Vue + jQuery + MDUI + Anime.js 完成,Vue 用于构建弹窗界面,jQuery 用于替代原生 DOM 操作,更方便的操作元素属性、添加与解除监听器;MDUI 用于构建弹窗配置页的样式, Anime.js 用于辅助实现人物角色动作的过渡动画。
src
├── background.js // service_worker脚本
├── css // 存储样式文件
├── index.js // 注入页面的content_scripts脚本
├── lib // 依赖的外部库
├── manifest.json // Chrome 扩展的描述文件
├── popup.html // 弹窗页的.html文件
├── popup.js // 弹窗页的.js文件
└── static // 存储静态文件如图片、图标等