无星的electron之旅（九）—— JS注入

1、背景

开发群中讨论，如何给electron注入js

有老哥提出了使用preload.js注入

我惊了，表示不信，后面仔细想了想：

“经过preload.js，能够预加载一些electron主线程的变量挂在到window上，后期在render线程中能够获取到对应的变量。

换句话说，preload.js中获取到的window，是后期render线程的window，那理论上确实能够作注入操做。

若是我在preload.js中添加window的生命周期,渲染后经过id或者各类方式获取到对应的dom节点，理论上我应该能劫持某些按钮，也就是说注入js成功了。”

2、说干就干

一、老规矩，vue+vue-cli-plugin-electron-builder建立项目

二、background.js，直接加载www.baidu.com

三、添加preload.js

四、preload.js中添加window的生命周期

window.load = function(){
  <!-- xxxxx具体就不写了 -->
}
复制代码

3、效果

点击百度一下，触发个人代码

视频：

截图：

参考文章

preload.js

Node Integration