1. 程式人生 > >chrome谷歌瀏覽器外掛製作簡易教程

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瀏覽器的)

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" }
}

這裡寫圖片描述