中文 | English

Pake

特�

� �：相比�统的 Electron 套壳打包，大���将近 50 �，一般�到 2M (数�)
😂 快：Pake 的底层使用的 Rust Tauri 框架，性能体验较 JS 框架�轻快�少，内存�很多
🩴 特：�是�纯打包，实现了通用快�键的���沉浸�的窗��拖动�打包��兼容
� 玩：�是一个很简�的�玩具，用 Rust 替代之�套壳网页�的�路玩法，PWA 也很好，�好交�勿喷

快�键

1. command + �：返回上一个页é�¢
2. command + →：去下一个页é�¢ï¼Œå�‡å¦‚有的è¯�
3. command + ↑：自动滚动到页é�¢é¡¶éƒ¨
4. command + ↓：自动滚动到页é�¢åº•éƒ¨
5. command + r：刷新页é�¢
6. command + w：éš�è—�窗å�£ï¼Œé�žé€€å‡º

此外还支��击头部进行全�切�，拖拽头部进行移动窗�，还有其他需求，欢迎�过�。

效果

WeRead Download	Flomo Download
RunCode Download	Witeboard Download
ToolsFun Download	Vercel Download

更多常用 App 下载�以去 Release 中看看。

开�

开始��考 Tauri 快速�置好环境，如果�想打包 Windows�Linux 系统的包，�以�考 Building 文档

// 安装�赖
npm i

// 调试
npm run dev

// 打包
npm run build

打新包

1. 修改 src-tauri 目录下的 tauri.conf.json 中的 productName�icon�title�identifier è¿™ 4 个字段，其中 icon å�¯ä»¥ä»Ž icons 目录选择一个，也å�¯ä»¥åŽ» macOSicons 下载符å�ˆäº§å“�å��称的
2. 修改 src-tauri/src 目录下的 main.rs 中的 with_url 字段为ä½?需è¦�打包网页的地å�€
3. npm run dev 本地调试看看效果，此外å�¯ä»¥æ‰“å¼€ main.rs 中 devtools 两处注释（æ�œç´¢ _devtools）进行容器调试，å�‡å¦‚ä½?ä¸�好适é…�沉浸å¼�头部，å�¯ä»¥å°† .with_titlebar_transparent(true) 注释掉就好
4. npm run build è¿�è¡Œå�³å�¯æ‰“包，å�‡å¦‚有打开 devtools 模å¼�，记得注释掉

高级

如何改写��，如去掉原站广告��想�的模��甚至�新设计？

1. 首先需�打开 devtools 调试模�，找到�需�修改的���称，先在 devtools 里�验�效果
2. 找到 main.rs 中æ?·å¼�ä½�置（æ�œç´¢ style.innerHTML），将需è¦�覆盖的æ?·å¼�åŠ?上å�³å�¯ï¼Œæœ‰ä¸€äº›æ¡ˆä¾‹ä½?å�¯ä»¥æ¨¡ä»¿
3. 正�打包�记得干掉 devtools 注释

如何注入 JS 的逻辑，比如实现事件监�，比如说键盘快�键？

1. 和上�1案例中准备工作一致
2. å�‚考 main.rs 中事件监å�¬ï¼ˆæ�œç´¢document.addEventListener）,直接编写å�³å�¯ï¼Œè¿™é‡Œæ›´å¤šæ˜¯åŸºç¡€å‰�端的技术

如何进行容器内的事件和 Pake 通信，比如说 Web 的拖拽�滚动�特殊点击�递啥的？

1. 和上�1案例中准备工作一致
2. å�‚考 main.rs 中通信代ç?�（æ�œç´¢ postMessage），写好事件监å�¬ï¼Œç„¶å�Žç”¨ window.ipc.postMessage将事件以å�Šå�‚æ•°ä¼?递出æ�¥
3. 然å�Žå�‚考容器接收事件（æ�œç´¢ window.drag_window），自己处ç�†å�³å�¯ï¼Œæ›´å¤šå�¯ä»¥å�‚考 tauri 以å�Š wry 的官方文档

最�

1. 希望大伙玩的过程中有一�学�新技术的喜悦感，如果有新点�欢迎告诉我
2. �如��现有很适��� Mac App 的网页也很欢迎告诉我，我给�到里��