什么是WebExtension？

WebExtension(擴展)是夸瀏覽器用于開發(fā)附加組建的工具。在很大程度上與谷歌、歐朋等瀏覽器兼容。

創(chuàng)新互聯(lián)建站是一家從事企業(yè)網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、行業(yè)門戶網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計制作的專業(yè)網(wǎng)站建設(shè)公司，擁有經(jīng)驗豐富的網(wǎng)站建設(shè)工程師和網(wǎng)頁設(shè)計人員，具備各種規(guī)模與類型網(wǎng)站建設(shè)的實力，在網(wǎng)站建設(shè)領(lǐng)域樹立了自己獨特的設(shè)計風(fēng)格。自公司成立以來曾獨立設(shè)計制作的站點上千多家。

WebExtension 剖析

WebExtension 是一個打包好的、可供發(fā)布的安裝包，該安裝包包含若干文件。

每個WebExtension必須包含一個名為"manifest.json"(manifest 表現(xiàn),表明)，該文件可以指向如下類型的文件

• background pages：執(zhí)行一個長時間運行的邏輯

• content scripts：與網(wǎng)頁進行交互(與JS在頁面中的<script>元素不一樣)

• browser action files：在工具欄中添加按鈕

• page action files：在地址欄添加按鈕

• options pages：為用戶定義一個可瀏覽的UI界面，可以改變曾經(jīng)的設(shè)置

• web-accessible resources：是打包好的內(nèi)容可用于網(wǎng)頁與目錄腳本

manifest.json

唯一一個在每個WebExtension中必須存在的文件。包含了關(guān)于這個擴展插件基本的元數(shù)據(jù)。比如擴展的名字，版本和所需權(quán)限。以及擴張需要的版本信息與權(quán)限。并且，也對WebExtension中其他文件進行了鏈接。

WebExtension 剖析官網(wǎng)詳細(xì)信息

第一個WebExtension

創(chuàng)建WebExtension項目的目錄

mkdir borderify
cd borderify

manifest.json

在borderify 目錄內(nèi)創(chuàng)建 "manifest.json" 文件。

{	"manifest_version": 2,#腳本類型必須為2，theme為4
	"name": "Broderify",#擴展名必須
	"version": "1.0",#擴展版本必須
	"description": "first test",#擴展描述可選
	"homepage_url": "http://dearch.blog.51cto.com",#擴展主頁鏈接
	"icons": {
	    "48": "icons/border-48.png"
	},#擴展圖標(biāo)可選

	"content_scripts": [
		{	"matches": ["<all_urls>"],#URL匹配規(guī)則與正則不同，表示配置所有網(wǎng)址
			"js": ["borderify.js"]
		}
	]#頁面交互腳本
}

content_scripts告訴Firefox通過模式匹配網(wǎng)頁的URL并加載腳本，在上面的案例中，我們要求Firefox將所有的網(wǎng)頁全部加載一個 "borderify.js"腳本

URL匹配規(guī)則詳細(xì)信息

borderify.js

最后在 "borderify" 目錄下直接創(chuàng)建 "borderify.js"：

document.body.style.border = "5px solid green";

測試效果

檢查文件是否在正確的位置：

borderify/
    icons/
        border-48.png
    broderify.js
    manifest.json

打開火狐瀏覽器的"about:debugging"頁面,點擊"臨時加載附加組件按鈕"并選擇你的附加組件目錄：

組件將會被安裝，現(xiàn)在可以新打開一個頁面，頁面上有一個綠色的邊框，如果沒有出現(xiàn)重啟一下瀏覽器。 

卸載擴展

打開火狐瀏覽器菜單,選擇"附加組件" 或者直接地址欄輸入 "about:addons" 

WebEXtension開發(fā)官方網(wǎng)址

以上實例可以直接使用于 谷歌瀏覽器 。

附件：http://down.51cto.com/data/2366499

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：火狐擴展WebExtension新手入門-創(chuàng)新互聯(lián)
文章源于：http://jinyejixie.com/article4/djedoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、自適應(yīng)網(wǎng)站、用戶體驗、軟件開發(fā)、靜態(tài)網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)