chrome擴充套件程式開發

2022-01-11 14:29:04 字數 856 閱讀 8746

1、檢視及執行擴充套件程式

2、擴充套件的組成1、檢視擴充套件程式資訊

2、檢視popup頁面1、不可視的background頁面

2、可視頁面

"

browser_action

": ,

default_icon:圖示(最好19px*19px)

default_title:標題

default_popup:彈出框

"

page_action

": ,

控制page action的圖示顯示使用chrome.pageaction.show(integer tabid)方法

控制page action的圖示隱藏使用chrome.pageaction.hide(integer tabid)方法

點選page action的圖示繫結事件使用chrome.pageaction.onclicked.addlistener(function (tab) )方法

其它:context menu,右鍵選單; options 頁面;override頁面(替換瀏覽器中開啟的預設頁面);通過chrome.tabs.create()或window.open()開啟的頁面

3、擴充套件與web頁面/伺服器之間的互動

4、使用chrome瀏覽器專有的api(chrome.*api)

5、擴充套件中的各頁面之間的資料通訊(多頁面時用)

Chrome 擴充套件程式開發

按chrome開發規範,我們首先建乙個資料夾,如d autoclickdemo 在該資料夾下新建乙個名為manifest.json的文字檔案,並按實際情況放乙個檔案,作為外掛程式的圖示。然後新建乙個名為myscript.js的js指令碼檔案,作為我們需要自定義執行的操作。最後,如果需要用到jquer...

開發chrome擴充套件程式

谷歌瀏覽器擴充套件程式官方文件 入門1.建立資料夾如 c demo 2.在該資料夾下建立名為manifest.json的檔案,內容格式為json格式,語法如下 3.在demo資料夾中至少包含 icon.png 圖示 a.html 外掛程式按鈕被點下時顯示的網頁 安裝1.開發版的chrome瀏覽器中 ...

如何製作chrome擴充套件程式

簡單實現了乙個 chrome 的擴充套件,方法如下 首先新建乙個資料夾,用編輯器寫乙個檔名為 manifest.json 的檔案 icons 這其中,如果需要多語言支援的話,可以新增default locale,並將name description欄位修改為 並在外掛程式目錄下新增 locales ...