项目背景
网上看到的一个灵感:Word伪装页面来进行阅读,于是自己实现了一个,分享给大家。
项目地址: https://www.readcover.cn
效果展示
核心功能
🎭 智能Word界面伪装
-
基于CSS精确还原Microsoft Word界面
-
完美模拟Word工具栏、菜单、状态栏等UI元素
-
对于经常做文档工作的人群,这种伪装几乎无法察觉
-
通过键盘事件触发内容显示,模拟真实文档编辑行为
⚡ 0.1秒极速老板键
-
全局事件监听 + 页面预加载机制
-
响应时间控制在0.1秒内
-
支持自定义快捷键组合,瞬间切换到正常工作界面
📱 PWA桌面应用
-
基于Service Worker技术
-
一键安装到桌面,无浏览器UI
-
完全本地运行,支持离线使用
🧠 智能检测机制
-
鼠标事件 + 窗口焦点监听
-
自动识别异常操作(如有人靠近),智能切换显示
-
多层防护确保隐蔽性
📚 多格式文件支持
-
支持TXT(多编码)+ EPUB(完整解析)
-
兼容UTF-8、GBK、Big5等主流编码
-
客户端解析,无需服务器处理
🔒 本地存储策略
-
IndexedDB + LocalStorage混合存储
-
100%本地存储,零网络传输
-
所有数据都在用户设备上,隐私安全
技术栈
-
前端: Vue 3 + TypeScript
-
PWA: Service Worker + Web App Manifest
-
存储: IndexedDB + LocalStorage
-
部署: 静态站点,支持离线
目标用户群体
主要面向所有使用电脑工作的人群:
-
办公室白领 - 需要在工作间隙学习充电
-
程序员/技术人员 - 阅读技术文档、API文档
-
文档工作者 - 经常使用Word,界面伪装效果最佳
-
学生/研究人员 - 需要阅读大量学术资料
-
远程工作者 - 灵活的工作环境下仍需要专注阅读
-
知识工作者 - 任何需要持续学习的职场人士
使用场景
-
技术学习 - API文档、技术书籍、教程资料
-
职业发展 - 行业报告、专业书籍、学习资料
-
个人提升 - 电子书、文献资料、在线课程材料
-
工作参考 - 规范文档、操作手册、参考资料
设计理念
为什么选择Word界面伪装?
-
最常见的办公软件 - Word是职场最普遍的工具
-
自然的工作场景 - 打开Word文档是正常工作行为
-
完美的视觉伪装 - 对于经常使用Word的人,几乎无法识别
-
符合工作习惯 - 不会显得突兀或引起注意
特色亮点
-
零依赖风险 - 纯前端实现,不依赖任何服务器
-
隐私优先 - 所有数据本地存储,不上传任何信息
-
体验流畅 - 专门针对阅读体验优化的交互设计
-
安装简单 - 支持PWA一键安装,像原生应用一样使用
-
伪装逼真 - 特别适合文档工作环境,融入度极高
体验建议
推荐在合适的环境下体验,支持所有现代浏览器。建议安装为桌面应用获得最佳体验。
特别提醒:工具虽好,但请在不影响正常工作的前提下合理使用。
有任何使用问题或改进建议,欢迎讨论交流!