前言

10多年專注成都網(wǎng)站制作，成都定制網(wǎng)頁(yè)設(shè)計(jì)，個(gè)人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識(shí)、方案，網(wǎng)站設(shè)計(jì)流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù),專注于成都定制網(wǎng)頁(yè)設(shè)計(jì),高端網(wǎng)頁(yè)制作,對(duì)酒樓設(shè)計(jì)等多個(gè)領(lǐng)域，擁有多年的網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)。

瀏覽器擴(kuò)展程序是可以修改和增強(qiáng) Web 瀏覽器功能的小程序。它們可用于各種任務(wù)，例如阻止廣告，管理密碼，組織標(biāo)簽，改變網(wǎng)頁(yè)的外觀和行為等等。

好消息是瀏覽器擴(kuò)展并不難寫。可以用你已經(jīng)熟悉的 Web 技術(shù)（HTML、CSS 和 JavaScript）創(chuàng)建 —— 就像普通網(wǎng)頁(yè)一樣。但是與網(wǎng)頁(yè)不同的是，擴(kuò)展程序可以訪問(wèn)許多特定于瀏覽器的 API，這才是有趣的地方。

在本教程中，我將向你展示如何為 Chrome 構(gòu)建一個(gè)能夠改變新標(biāo)簽頁(yè)行為的簡(jiǎn)單擴(kuò)展。這個(gè)擴(kuò)展程序的 JavaScript 部分，我將使用 Vue.js 框架，因?yàn)樗鼘⒃试S我們快速啟動(dòng)并運(yùn)行，而且用 vue 工作是很有趣的。

本教程的代碼可以在GitHub上找到

Chrome 擴(kuò)展程序的基礎(chǔ)知識(shí)

Chrome擴(kuò)展程序的核心部分是 manifest 文件 和后臺(tái)腳本。manifest 文件采用JSON格式，提供有關(guān)擴(kuò)展的重要信息，例如其版本、資源或所需的權(quán)限。后臺(tái)腳本允許擴(kuò)展對(duì)特定的瀏覽器事件做出反應(yīng)，例如創(chuàng)建新選項(xiàng)卡。

為了演示這些概念，讓我們先寫一個(gè)“Hello，World！” Chrome 擴(kuò)展。

創(chuàng)建一個(gè)名為 hello-world-chrome 的新文件夾和兩個(gè)文件：manifest.json 和 background.js：

mkdir hello-world-chrome
cd hello-world-chrome
touch manifest.json background.js

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

當(dāng)前題目：使用Vue開發(fā)自己的Chrome擴(kuò)展程序過(guò)程詳解-創(chuàng)新互聯(lián)
URL地址：http://weahome.cn/article/ejsdh.html