1. 程式人生 > >chrome插件制作

chrome插件制作

rip 資源文件 點擊 窗口 靜態 自帶 應用 .... man

chrome擴展程序就是一個web應用,要寫html代碼

chrome插件需要的文件:

配置文件(manifest.json)

擴展圖標(icon.png )

彈出窗口文件(popup.html)

其他靜態資源文件(images、css、js......)

manifest.json 常用屬性

{
  "manifest_version" : 2, //宣言版 必選項:用整數表示manifest文件自身格式的版本號。目前為止只接受 2 (版本目前為2)
  "version" : "1.0",//版本

/**
* 必選項: 字符串類型,當前創建擴展版本號
* 擴展的版本用一個到4個數字來表示,中間用點隔開。
* 這些數字有些規則:必須在0到65535之間,非零數字,不能0開頭。
* 比如,666666和010是不合法的。
**/

"name" : "CodeScript",//擴展名
/** 必選項:字符串類型 **/
"description" : "CodeScript",//擴展描述
/** 可選項:字符串類型,擴展信息描述 **/
"icons" : { //圖標(如果只配置icons,則default_icon也使用該圖片,如果不配置icons,則擴展工具界面使用默認圖標) "16" : "16px.png", "48" : "48px.png", "128" : "128px.png" }

/**
* 一個或者多個圖標來表示擴展 (16x16, 48x48, 128x128)
* 建議使用以上幾種大小,及png格式。
* 可選,系統自帶默認圖標
**/


"browser_action" : {//(在瀏覽器右上角顯示)
"default_title" : "title",
/** 鼠標移入,顯示簡短擴展文本描述 **/
"default_popup" : "popup.html",
/** 鼠標點擊,彈出擴展模態窗口,展示內容 **/
"default_icon" : {
"48" : "48px.png"
}
/** 瀏覽器右上角,擴展圖標 。如果不設置,跟隨 icon ,兩者皆無,則使用默認**/
}

{  
  "name": "插件名",  
  "manifest_version":2,
  
"version": "1.0", "description": "插件描述", "browser_action": { "default_icon": "icon.png" , "default_title": "CodeScript", "default_popup": "index.html" } }

chrome插件制作