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

一、背景

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

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

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

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

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

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

1、老规矩，vue+vue-cli-plugin-electron-builder创建项目

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

3、添加preload.js

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

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

点击百度一下，触发我的代码

视频：

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

preload.js

Node Integration

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用？: 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。

提示下载完但解压或打开不了？: 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量，若小于网盘提示的容量则是这个原因。这是浏览器下载的bug，建议用百度网盘软件或迅雷下载。若排除这种情况，可在对应资源底部留言，或联络我们.。

找不到素材资源介绍文章里的示例图片？: 对于PPT，KEY，Mockups，APP，网页模版等类型的素材，文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买，且本站不负责(也没有办法)找到出处。同样地一些字体文件也是这种情况，但部分素材会在素材包内有一份字体下载链接清单。