無星的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