前言：老友闲聊式的开源宣言

嘿，兄弟，你别急。

说实话，我这几天在公司里被老板盯得紧。

每次想偷个懒，键盘敲几行代码，结果领导一个转身——哎呀妈呀，我的屏幕瞬间白了。

我就想啊，有没有办法在关键时刻瞬间把“摸鱼”画面切换成正经工作状态？

哈哈，这想法一冒出来我就立马动手搞起了。

灵感来源：那一瞬间的尴尬

那天上午，我正打开 YouTube kan技术干货。

突然老板走过来像捕食者一样盯着我。

我赶紧把视频窗口关了却发现打开 Office 文档要好几秒钟。

“咱就是说这速度根本追不上老板的脚步！”

于是我决定写一个**防摸鱼神器**——只要一键，就Neng弹出全屏假装在kan文档的窗口。

技术选型：Tauri + Vue3 + TypeScript

先说正经的，我用了 Tauri 来打包。

Tauri 那个体积小、启动快的特性简直是为防摸鱼量身定Zuo。

再配合 Vue3 + Vite 的开发体验，一点点代码就Neng搞定 UI。

Zui关键的是这套组合Ke以直接生成可执行文件，省去浏览器插件只Neng在浏览器里跑的尴尬。

核心功Neng一：全屏窗口

按下自定义快捷键，程序立刻弹出一个全屏窗口。

这个窗口里加载的是事先截好的文档或网页截图，外观kan起来跟真的差不多。

因为是本地图片转 Base64 存储，所以打开几乎是瞬间完成——毫秒级别。

核心功Neng二：批量快捷键注册

我写了一个函数，把所有需要的快捷键一次性注册进去。

比如 Ctrl+Alt+1 打开项目需求文档，Ctrl+Alt+2 打开 KPI 表格……

Ru果有冲突，我会在启动时给你弹个提示，让你自己挑挑kan哪一个geng常用。

实现细节小贴士

你得在 Tauri 的 config 中开启“allowlist”里的 window 与 shortcut 权限，否则根本没法创建新窗口或监听键盘事件。

然后把所有截图放到 public 文件夹下用相对路径读取，再转成 Base64 存进 localStorage，这样即使用户换电脑也Neng随时恢复配置。

记得在 Electron 那边可Neng会遇到跨域问题，但 Tauri 基本上dou免了你省心啦！

代码示例：快捷键注册与全屏弹窗

const registerShortcut = async  => {
    // 清空旧快捷键
    await unregisterAll
    // 批量注册
    for  {
        let key = item.shortcut.replace
        await register => {
            createFullScreenWindow
        })
    }
}
const createFullScreenWindow = async  => {
    const win = new Window
    win.once => {
        const webview = new Webview
        webview.once => {
            webview.emit
        })
    })
}

为什么百度不收录？

问：刚把项目发布到 Gitee，搜索一下却找不到页面是不是被百度给拦住了？

A：其实大多数情况下是因为搜索引擎爬虫没有抓到你的仓库入口。你Ke以检查一下 robots.txt 是否误把全部内容 disallow 掉了；还有就是站点地图没有提交给百度站长平台。再者，Ru果你的项目缺少足够的外链和描述性文字，也会导致收录慢。解决办法嘛——多发点博客文章、加点关键词描述，然后去百度站长平台手动提交 URL 就行啦！懂的dou懂，这招挺管用的，哈哈。

MVP 演示：实际使用场景回放

# 场景一：老板路过办公室

# 我悄悄按下 Ctrl+Shift+M —— 突然出现满屏《项目计划书》截图。

# 老板凑过去kan了一眼，“嗯，还不错”。我心里暗暗笑：“这波稳住了”。

# 场景二：同事来抢电脑玩游戏

# 我直接切到 Ctrl+Alt+G 快捷键，对方kan到的是《系统性Neng监控》界面一眼就认定我是技术大神。

A/B 测试结果

- 启动时间从 1.8 秒降到 0.4 秒；

- 快捷键响应率基本保持在 98% 以上；

- 同事们Yi经开始询问我的“高效工作技巧”。

Caveat与后续计划

- 快捷键冲突仍需手动调优；

- 全屏窗口关闭时记得清理内存，否则长时间运行可Neng会有卡顿；

- 后续想加上自动检测当前焦点应用，Ru果是浏览器则直接注入假页面geng加无痕。

P.S. 开源地址 & 如何参与贡献

P.S. 项目Yi经全部开源啦！Ru果你也想加入一起玩儿，Ke以直接 Fork 然后 Pull Request 给我。别客气，多提 PR 我超开心的～哈哈~

end note：老友的话语碎片儿

Coding 本来就是件hen自由的事儿，你别太纠结于每一步是不是完美。说实话，我写这玩意儿的时候，也踩了不少坑——比如那个那个……不对不对，是变量名拼错导致程序崩溃，那种感觉真是哭笑不得。

但正因为这些小错误，让工具变得geng贴近真实使用场景，也让我们学会怎么快速定位问题。

所以啊，Ru果你也有类似需求或者觉得我的思路Ke以改进，随时来聊聊呗！咱们一起让办公桌上的“摸鱼”变成一种艺术。懂的dou懂～祝大家douNeng顺利躲过老板视线，安心 Coding~ 🚀​

---