diff --git a/README.md b/README.md index 5dab3fc..6bef24c 100644 --- a/README.md +++ b/README.md @@ -91,20 +91,15 @@ npm run build #### 如何改写样式,如去掉原站广告、不想要的模块、甚至重新设计? -1. 首先需要打开 devtools 调试模式,找到你需要修改的样式名称,先在 devtools 里面验证效果 -2. 找到 `pake.js` 中样式位置 `style.innerHTML` ,将需要覆盖的样式加上即可,有一些案例你可以模仿 -3. 正式打包前记得干掉 devtools 注释 +首先需要打开 devtools 调试模式,找到你需要修改的样式名称,先在 devtools 里面验证效果;找到 `pake.js` 中样式位置 `style.innerHTML` ,将需要覆盖的样式加上即可,有一些案例你可以模仿,正式打包前记得干掉 devtools 注释。 #### 如何注入 JS 的逻辑,比如实现事件监听,比如说键盘快捷键? -1. 和上面1案例中准备工作一致 -2. 参考 `pake.js` 中事件监听 `document.addEventListener`,直接编写即可,这里更多是基础前端的技术 +参考 `pake.js` 中事件监听 `document.addEventListener`,直接编写即可,这里更多是基础前端的技术。 #### 如何进行容器内的事件和 Pake 通信,比如说 Web 的拖拽、滚动、特殊点击传递啥的? -1. 和上面1案例中准备工作一致 -2. 参考 `pake.js` 中通信代码 `postMessage`,写好事件监听,然后用 `window.ipc.postMessage` 将事件以及参数传递出来 -3. 然后参考容器接收事件 `window.drag_window`,自己处理即可,更多可以参考 tauri 以及 wry 的官方文档 +参考 `pake.js` 中通信代码 `postMessage`,写好事件监听,然后用 `window.ipc.postMessage` 将事件以及参数传递出来,然后参考容器接收事件 `window.drag_window`,自己处理即可,更多可以参考 tauri 以及 wry 的官方文档。 ## 贡献者 diff --git a/README_EN.md b/README_EN.md index 31a758f..8b66674 100644 --- a/README_EN.md +++ b/README_EN.md @@ -91,20 +91,15 @@ npm run build #### How do I rewrite the style, e.g. to remove ads from the original site, or even redesign it? -1. first open devtools debug mode, find the name of the style you want to change and verify the effect in devtools first. -2. 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. -3. Remember to remove the devtools comments before packaging. +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? -1. Same preparation as in case 1 above. -2. 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. +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.? -1. the same preparation as in 1 above. -2. 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. -3. 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. +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. ## Contributors