編寫乙個Chrome外掛程式

2021-08-27 20:55:36 字數 1323 閱讀 2599

也可說是突然萌生出來的乙個想法:編寫乙個chrome外掛程式

其實最終的目的,還是為了解決工作中的一些問題。比如當前開發專案的自動登入功能。

chrome擴充套件可以看做是乙個迷你版的站點。它更多的是用來提供功能擴充套件,而不側重內容展示。所以,它的實際組成是一組html/css/script檔案。

,

"browser_action": , // 圖示顯示在瀏覽器位址列右邊,能在所有頁面顯示

// optional

"author": "", // 外掛程式作者

"content_scripts":

}

建立專案的根目錄chrome-plugin

在chrome-plugin下建立manifest.json檔案。內如如上即可:

在chorme-plugin中建立html目錄,在這個目錄下,建立html檔案index.html

myscript.js是通過 content_scripts欄位載入進來的。它裡面的指令碼可以跟目標站點有互動,但是不能呼叫目標站點指令碼中定義的方法。具體**如下:

function

enterkeylogin

() });

}function

dologin

();enterkeylogin();

新增樣式檔案,先建立存放樣式檔案的目錄css,然後在該目錄下建立樣式檔案mystyles.css。問價內容如下:

body

建立images目錄,用於存放擴充套件用到的。我們這兒主要是是存放了擴充套件用到的logo。

至此,所有的檔案已經編寫完成了。剩下的就是如何新增到chrome中。

在chrome瀏覽器右上角位置的三個小圓點下,選擇「更多工具」 ————> 「擴充套件程式」。開啟後,開啟右上角的 「開發者模式」。然後選擇 「載入已解壓的擴充套件程式」,在彈窗中選擇剛剛建立的新專案即可。

第乙個chrome外掛程式

上週抽了點時間看了下chrome擴充套件的製作,於是想到公司裡在開發環境測試的時候相當地繁瑣,需要手動地將url位址從com變到daily,那就寫個外掛程式試試。需求 將輸入的taobao.com修改為daily.taobao.net chrome擴充套件是由一些列js和html組成,由乙個json...

如何編寫乙個Qt外掛程式

qt版本 qt5.9.7 編譯套件 msvc2015 64bit qt外掛程式分為低階外掛程式和高階外掛程式,所謂的高階外掛程式是在qt已經存在的介面外掛程式上實現擴充套件,qt還是提供了很多的多 的外掛程式供開發者使用,比如qaudiosystemplugin qmediaresourcepoli...

編寫Chrome擴充套件外掛程式教程

乙個 chrome 是乙個配置 入口 檔案 manifest.json 和一系列 html css js 檔案的集合,然後將 使用chrome打包成crx檔案即可使用 然後生成crx檔案,直接把該檔案拖進去既可以使用 1 包括擴充套件的名稱 name 版本 version 描述 descriptio...