谷歌瀏覽器外掛程式開發教程5

谷歌瀏覽器外掛程式開發教程5

外掛程式跟頁面裡的js通訊方法

ccontent-script有乙個很大的「缺陷」，也就是無法訪問頁面中的js，雖然它可以操作dom 也就說你訪問不了原來頁面裡的變數，

所以採用如下方法

配置檔案 設定

web_accessible_resources

inject.js

,

"content_scripts
": ,
"background":,
"permissions
": ["
contextmenus"],
"web_accessible_resources
": ["
inject.js"]
}

inject.js

function injectcustomjs(jspath);}

injectcustomjs();

inject.js (這個檔案就可以訪問頁面中的js變數了)

alert(11111111111);

可以發現 

inject.js 是完全載入到頁面裡面了

content-script和inject通訊方法

傳送

window.postmessage(, '*');

window.addeventlistener("message", function(e)

, false);

谷歌瀏覽器外掛程式開發教程8

利用workerman和 谷歌外掛程式通訊相結合 1 首先獲取groupid 保證外掛程式和inject 同個房間 這樣還可以用workerman 相互傳送 先外掛程式獲得groupid 傳遞到inject var groupid chongxinlianjie on click function ...

谷歌瀏覽器外掛程式開發教程7

從pane傳送資訊到 inject.js inject.js傳送到pane inject.js window.addeventlistener message function e console.log data false contentscript function injectcustomj...

谷歌瀏覽器外掛程式開發教程6

1 自定義開發者面板 改配置檔案 content scripts background permissions contextmenus web accessible resources inject.js 指定自定義面板 devtools page devtools.html 然後 devtool...