chrome谷歌瀏覽器插件製做簡易教程

 

1.在磁盤上建立一個目錄，用來放應用的代碼和資源

 

2.在這個目錄中，建立一個文本文件，命名爲manifest.json，其內容爲：

{
  "manifest_version": 2,

  "name": "Getting started example",
  "description": "This extension shows a Google Image search result for the current page",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/"
  ]
}

（這裏有360瀏覽器插件製做教程：聽說是翻譯的chrome瀏覽器的）

360瀏覽器應用開放平臺

 

chrome瀏覽器插件製做官網

 

3.在應用（擴展）目錄中，建立一個名爲popup.html的文本文件，增長一些代碼

 

4.回到擴展管理頁面，點擊「當即更新擴展程序」按鈕，這時會從新加載修改後的應用（擴展）

 

5.點擊應用（擴展）的圖標，會彈出一個氣泡窗口，顯示popup.html文件的內容。

 

完成！！！

 

給知乎網站插入一段JavaScript代碼：配置json以下：

{
  
"manifest_version": 2,

  
"name": "知乎頭像放大器",
  
"description": "查看知乎用戶頭像的原始尺寸圖片",
  
"version": "1.2.1",

  
"content_scripts": [{
    "matches": ["https://*.zhihu.com/*"],
    "js": ["js/jquery-2.1.4.min.js", "content_action.js"]
  }],

  
"permissions": [
    "https://*.zhihu.com/*"
  ],

  
"icons" : {
    "48" : "icon/48.png",
    "128" : "icon/128.png"
  }
}