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

1 自定義開發者面板

改配置檔案

,

"content_scripts
": ,
"background":,
"permissions
": ["
contextmenus"],
"web_accessible_resources
": ["
inject.js"],
//指定自定義面板
"devtools_page
": "
devtools.html"}

devtools.html

//

建立自定義面板，同乙個外掛程式可以建立多個自定義面板
//幾個引數依次為：panel標題、圖示（其實設定了也沒地方顯示）、要載入的頁面、載入成功後的**
chrome.devtools.panels.create('
mypanel
', '
icon.png
', '
mypanel.html
', function(panel)
);

谷歌瀏覽器外掛程式開發教程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...

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

谷歌瀏覽器外掛程式開發教程5 外掛程式跟頁面裡的js通訊方法 ccontent script有乙個很大的 缺陷 也就是無法訪問頁面中的js，雖然它可以操作dom 也就說你訪問不了原來頁面裡的變數，所以採用如下方法 配置檔案 設定 web accessible resourcesinject.js,c...