📝 补充文档
This commit is contained in:
21
README.md
21
README.md
@@ -2,7 +2,6 @@
|
||||
|
||||
> 用 Rust 来打包你的 App,底层使用 Tauri,当前支持微信读书、Flomo、Vercel,有更多想法,欢迎提 Issue。
|
||||
|
||||
|
||||
## 特征
|
||||
|
||||
🏂 **小**:相比传统的 electron 套壳打包,大小要小数十倍,一般 2M 大小
|
||||
@@ -49,5 +48,21 @@ npm run build
|
||||
|
||||
1. 修改 `src-tauri` 目录下的 `tauri.conf.json` 中的 productName、icon、title、identifier 这 4 个字段,其中 icon 可以去 [macosicons](https://macosicons.com/#/) 下载并放到 `icons` 目录下即可
|
||||
2. 修改 `src-tauri/src` 目录下的 `main.rs` 中的 with_url 字段为你需要打包网页的地址
|
||||
3. npm run dev 本地调试看看效果,此外可以打开 `main.rs` 中 111、116 行注释进行容器调试
|
||||
4. npm run build 运行即可打包
|
||||
3. npm run dev 本地调试看看效果,此外可以打开 `main.rs` 中 111、116 行 devtools 注释进行容器调试
|
||||
4. npm run build 运行即可打包,假如有打开 devtools 模式,记得注释掉
|
||||
|
||||
## 高级
|
||||
|
||||
1. 如何改写样式,如去掉原站广告、不想要的模块、甚至重新设计?
|
||||
1. 首先需要打开 devtools 调试模式,找到你需要修改的样式名称,先在 devtools 里面验证效果
|
||||
2. 找到 `main.rs` 中42行左右地方,将需要覆盖的样式加上即可,有一些案例你可以模仿
|
||||
3. 正式打包前记得干掉 devtools 注释
|
||||
|
||||
2. 如何进行容器内的事件和 Pake 通信,比如说 Web 的拖拽、滚动、特殊点击传递啥的?
|
||||
1. 和上面1案例中准备工作一致
|
||||
2. 参考 `main.rs` 中 88 行左右位置,写好事件监听,然后用 `window.ipc.postMessage`将事件以及参数传递出来
|
||||
3. 然后参考 115 行左右,接收事件,自己处理即可,更多可以参考 tauri 以及 wry 的官方文档
|
||||
|
||||
## 最后
|
||||
|
||||
1. 希望玩的过程中有一种学习新技术的喜悦感,如果有新点子欢迎告诉我~
|
||||
|
||||
Reference in New Issue
Block a user