/ArkRecord-Web

ArkRecord 的 Web 分支,为了构建方便独立了出来

Primary LanguageVueApache License 2.0Apache-2.0

ArkRecord (Base on Quasar)

完成度列表(TODO List):

  • 显示和可导出源石/充值记录
    • 表格支持自定义排序
  • 时间线
    • 自定义纯时间线截图的背景
    • 支持折叠5/4/3星
    • 独立截图
  • 显示新获得的干员
  • 加入对PRTS.wiki卡池页面的爬虫,确保完美分类分割常驻标准寻访 (要是他们有API了请在Issue或者B站私信里敲我)
    • 核心组件
    • 时间线干员图片显示支持
  • 适配手机竖屏UI
  • 加入作者通讯
  • 提供背景更改功能
  • Debug页面
    • 显示全部chrome.storage.local数据,并且支持展开详细查看
    • 显示背景数据
  • 完善统计学分析页面
  • 重构 background.js 提高可读性
  • 全部列出纯常驻寻访中增加图表选项(弃置,功能被时间线所替代)``

预览:

image

image


相关命令

Debug:

quasar dev -m bex

构建:

quasar build -m bex

视频教程

Bilibili


这是一个基于Quasar的Chrome插件。

用于记录明日方舟的抽卡记录,并且进行统计。

因为明日方舟官网上的记录只能查询近期30天和近100条数据,因此这个插件具有持续记录缓存的功能。

并且可以导出数据(暂时只支持JSON数据导出,后续会更新更多导出格式)

构建这个插件首先要安装好Quasar环境

前往Quasar-cli查看安装方法。

然后在项目目录下执行

quasar build -m bex

然后打包好的和解包状态的编译后的插件会被放在dist目录下,其中分别对应Chrome和EFirefox两个浏览器所用的插件。


当你每次重启浏览器的时候,插件会自动获取抽卡数据,并且自动更新缓存。

过阵子会直接丢到Chrome商店中(正在等待Google审核 谷歌审核已经过了,Web Store中搜索 ArkRecord)

Link


本地插件安装方法

在浏览器中打开chrome://extensions/

打开右上角的开发者模式

左上角点击加载已解压的扩展程序

选择你构建之后的Unpacked目录 或者去 release(过阵子发布) 中下载后解压


预览

屏幕截图 2022-07-16 180942~1

屏幕截图 2022-07-16 181035~1

屏幕截图 2022-07-16 181111~1

屏幕截图 2022-07-16 181137~1

屏幕截图 2022-07-16 182733~1

背景出处: https://www.pixiv.net/artworks/95185823