lostecho/Pake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 更新文档

Browse Source
This commit is contained in:
Tw93
2022-11-07 16:44:49 +08:00
parent 7e2b69bba9
commit 3a3f2f4cf0
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@@ -89,15 +89,15 @@ npm run build
## 高级
#### 如何改写样式，如去掉原站广告、不想要的模块、甚至重新设计？
#### 1. 如何改写样式，如去掉原站广告、不想要的模块、甚至重新设计？
首先需要打开 devtools 调试模式，找到你需要修改的样式名称，先在 devtools 里面验证效果；找到 `pake.js` 中样式位置 `style.innerHTML` ，将需要覆盖的样式加上即可，有一些案例你可以模仿，正式打包前记得干掉 devtools 注释。
#### 如何注入 JS 的逻辑，比如实现事件监听，比如说键盘快捷键？
#### 2. 如何注入 JS 的逻辑，比如实现事件监听，比如说键盘快捷键？
参考 `pake.js` 中事件监听 `document.addEventListener`，直接编写即可，这里更多是基础前端的技术。
#### 如何进行容器内的事件和 Pake 通信，比如说 Web 的拖拽、滚动、特殊点击传递啥的？
#### 3. 如何进行容器内的事件和 Pake 通信，比如说 Web 的拖拽、滚动、特殊点击传递啥的？
参考 `pake.js` 中通信代码 `postMessage`，写好事件监听，然后用 `window.ipc.postMessage` 将事件以及参数传递出来，然后参考容器接收事件 `window.drag_window`，自己处理即可，更多可以参考 tauri 以及 wry 的官方文档。

6
README_EN.md
View File

@@ -89,15 +89,15 @@ npm run build
## Advanced
#### How do I rewrite the style, e.g. to remove ads from the original site, or even redesign it?
#### 1. How do I rewrite the style, e.g. to remove ads from the original site, or even redesign it?
First open devtools debug mode, find the name of the style you want to change and verify the effect in devtools first, find the location of the style in `pake.js` with `style.innerHTML` and add the style you need to override, there are some examples you can copy. Remember to remove the devtools comments before packaging.
#### How to inject js code, e.g. to implement event listeners, e.g. keyboard shortcuts?
#### 2. How to inject js code, e.g. to implement event listeners, e.g. keyboard shortcuts?
Refer to the event listener in `pake.js` with `document.addEventListener`, and write it directly, it's more of a basic front-end technique here.
#### How to communicate with Pake about events in containers, such as dragging and dropping, scrolling, special clicks on the Web, etc.?
#### 3. How to communicate with Pake about events in containers, such as dragging and dropping, scrolling, special clicks on the Web, etc.?
Refer to the communication code in `pake.js` with `postMessage`, write the event listener and then use `window.ipc.postMessage` to pass the event and its parameters, then refer to the container to receive events `window.drag_window` and handle them yourself, for more information, refer to tauri and wry's official documentation.