今天就跟大家聊聊有關(guān)Chrome實現(xiàn)彈窗功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

我們擁有十載網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)經(jīng)驗，從網(wǎng)站策劃到網(wǎng)站制作，我們的網(wǎng)頁設(shè)計師為您提供的解決方案。為企業(yè)提供網(wǎng)站制作、成都網(wǎng)站制作、微信開發(fā)、微信平臺小程序開發(fā)、手機網(wǎng)站開發(fā)、HTML5、等業(yè)務(wù)。無論您有什么樣的網(wǎng)站設(shè)計或者設(shè)計方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計服務(wù)并滿足您的需求。

一、插件是什么？

插件是遵循一定規(guī)范的應(yīng)用程序接口編寫出來的程序，而chrome插件則是運行在chrome瀏覽器上的小程序，能幫我們解決一下工作學(xué)習(xí)中一些重復(fù)繁瑣的事情。

二、插件的基礎(chǔ)知識

對于chrome插件來說，最核心的應(yīng)該是manifest.json這個配置文件了，利用它我們可以定義在什么時機在什么網(wǎng)頁執(zhí)行什么腳本，有一些什么行為，下面先看一下manifest.json的格式：

{
 // 擴展名稱
 "name": "MyExtension",
 
 // 版本。由1到4個整數(shù)構(gòu)成。多個整數(shù)間用"."隔開
 "version": "1.0",
 
 // manifest文件版本號。Chrome18開始必須為2
 "manifest_version": 2,
 
 // 描述。132個字符以內(nèi)
 "description": ",
 
 // 擴展圖標(biāo)。推薦大小16，48，128
 "icons": {
  "16": "image/icon-16.png",
  "48": "image/icon-48.png",
  "128": "image/icon-128.png"
 },
 
 // 語言
 "default_locale": "en",
 
 // 地址欄右側(cè)圖標(biāo)管理，含圖標(biāo)及彈出頁面的設(shè)置等
 // 建議至少保留一個設(shè)置，不然擴展圖標(biāo)是暗的
 "browser_action": {
  "default_icon": "image/icon-128.png",
  "default_title": "My Message",
  "default_popup": "html/browser.html"
 },
 
 // 地址欄最后附加圖標(biāo)。含圖標(biāo)及行為等
 "page_action": {
  "default_icon": "image/icon-48.png",
  "default_title": "My Test",
  "default_popup": "html/page.html"
 },
 
 // 主題，用于更改整個瀏覽器的外觀
 "theme": {},
 
 // 指定擴展需要跳轉(zhuǎn)到的URL
 "app": {},
 
 // 指定擴展進程的background運行環(huán)境及運行腳本
 "background": {
  "scripts": [
   "lib/jquery-3.3.1.min.js",
   "js/background.js"
  ],
  "page":"html/background.html"
 },
 
 // 替換頁面
 "chrome_url_overrides": {
  "pageToOverride": "html/overrides.html"
 },
 
 // 指定在web頁面運行的腳本/插入的css及運行/插入時機
 "content_scripts": [{
  "matches": ["https://www.baidu.com/*"],
  "css": ["css/mystyles.css"],
  "js": ["lib/jquery-3.3.1.min.js", "js/content.js"],
  "run_at": "document_idle"
 }],
 
 // 安全策略
 "content_security_policy": ",
 
 "file_browser_handlers": [],
 
 // 擴展的官方主頁
 "homepage_url": "http://xxx",
 
 // 插件在隱私模式下的配置
 "incognito": "spanning",
 
 // 用戶操作意圖描述
 "intents": {},
 
 // 擴展唯一標(biāo)識。不需要人為指定
 "key": ",
 
 // 擴展所需chrome的最小版本
 "minimum_chrome_version": "1.0",
 
 // 消息與本地處理模塊映射
 "nacl_modules": [],
 
 // 是否允許脫機運行
 "offline_enabled": true,
 
 // ominbox即地址欄。用于響應(yīng)地址欄的輸入事件
 "omnibox": {
  "keyword": "myKey"
 },
 
 // 選項頁。用于在擴展管理頁面跳轉(zhuǎn)到選項設(shè)置
 "options_page": "aFile.html",
 
 // 申請權(quán)限
 "permissions": [
  "https://www.baidu.com/*",
  "background",
  "tabs"
 ],
 
 // 擴展?？烧{(diào)用第三方擴展
 "plugins": [{
  "path": "extension_plugin.dll",
  "public": true
 }],
 
 // 指定所需要的特殊技術(shù)。目前只支持"3D"
 "requirements": {},
 
 // 自動升級
 "update_url": "http://path/to/updateInfo.xml",
 
 // 指定資源路徑，為String數(shù)組
 "web_accessible_resources": []
}

分享文章：Chrome實現(xiàn)彈窗功能-創(chuàng)新互聯(lián)
URL分享：http://weahome.cn/article/gdscj.html