谷歌瀏覽器插件開發入門-官方版Helloworld詳解

目錄:html

  需求chrome

  原理json

  實現步驟:spa

    一個空的插件插件

    一個能夠設置一種背景色的插件(能夠設置百度首頁的背景色爲綠色)3d

    一個能夠設置多種背景色的插件code

需求:htm

  插件能夠改變特定網址的背景顏色。blog

原理:圖片

  將各類html、js、json及圖片按要求放置同一目錄,上傳。

實現步驟:

  1、一個空的插件

    1.文件清單

    

    2.manifest.json

{
  "name": "v1",
  "version": "1.0",
  "description": "Extension! v1",
  "manifest_version": 2
}

    3.實現效果

  2、一個能夠設置一種背景色的插件(能夠設置百度首頁的背景色爲綠色)

    1.文件清單

    

    2.1backgroud.js

    2.2.manifest.json

    

    2.3.popup.html

    

    2.4.popup.js

    

3.實現效果

    

  3、一個能夠設置多種背景色的插件

    1.文件清單

    

    2.1.manifest.json

    

    2.2.options.html

    

    2.3.options.js

    

    3.實現效果

    

    

    

    

參考連接:

  https://developer.chrome.com/extensions/getstarted

  https://www.youtube.com/watch?v=e3McMaHvlBY

 完整示例代碼下載:

  https://share.weiyun.com/5Eb1Vma

相關文章
相關標籤/搜索