開發乙個簡單的WebExtension

2021-08-10 05:16:44 字數 743 閱讀 9015

首先需要準備乙個45版本以上的火狐瀏覽器用於開發擴充套件。

1.需要編寫的第乙個檔案是我們的manifest.json。這個檔案是整個擴充套件的核心,是乙個按照json格式寫成的檔案。

既然是json格式就要有相應的key和value,這裡列出擴充套件中常用的幾個key。

"manifest_version"   此json檔案的版本

"name" 擴充套件的名稱

"version" 版本號。以上的3個key是強制需要的。 

"description"對外掛程式的描述,會顯示在瀏覽器中。

"icons":

圖示的路徑,可以提供48*48或者96*96兩種。

"content_scripts": [

]載入指令碼檔案到其匹配到的url的網頁

設定元件的id

2.指令碼檔案test.js,負責實現元件要實現的功能

複製document.body.style.border = "5px solid red";他會在json檔案設定的地方訪問js檔案。這個js檔案的作用是在你想要的頁面顯示乙個5px的紅色邊框。

3.準備元件的資料夾

建立資料夾extension按照以下方式放入檔案

extension-

icons-

48.png

test.js

manifest.json

4.打**狐瀏覽器在位址列輸入about:debugging,進入除錯頁面載入臨時元件,成功載入後就可以看到效果了。

乙個簡單的post開發

準備工作 安裝好 編輯器pycharm python語言 django 一 建立專案firstapi 開啟pycharm,選擇django,建立專案的名字 二 建立應用api 三 在專案的setting中新增應用的名字 四 在url中匯入web的views的函式 from web.views imp...

c 開發乙個簡單的BHO

最近公司程式需要嵌入各個瀏覽器的外掛程式。首先需要支援的是ie的外掛程式。又稱為bho browser helper object 瀏覽器輔助物件 比起在c 中開發bho,c 確實是更加簡單 bho主體程式時urltrack類。而這個類我們需要從介面iobjectwithsite繼承。iobject...

Android開發 乙個簡單的畫板

思路 通過view.setontouchlistener 提供的api獲取到手指觸控螢幕的座標,然後通過canvas.drawline 在 bitmap 上畫出手指經過的路徑。建議先參閱 android開發 對進行簡單的編輯。第一步 向 drawable 資料夾中新增乙個背景圖,以作畫板背景。假設檔...