初學FF(火狐)的擴充套件(Extensions)

2022-01-28 17:55:14 字數 3239 閱讀 5653

好久沒寫文章了,為了記錄點東西,寫寫吧。(今天星期天,我沒放過首頁,過過癮。

之前沒接觸過ff的擴充套件,以前還以為ff只有外掛程式,原來不是,外掛程式和擴充套件是不同的。

由於本人的語言水平真的不是很好,有表達不清楚的地方請各位指導。

其實我們做頁面開發的,應該都聽過甚至用過firebug吧。它是乙個擴充套件來的。

安裝ff的extension有兩種方法,一種是打包(字尾為xpi的檔案),另一種就直接放到ff的安裝目錄extensions下了。

第一種打包:

做這個之前,我們先了解一下擴充套件的組成結構,這方面的文章不少,我就大概說下吧。

我們可以在硬碟上的任何地方新建上圖所示的結構,其中chrome裡面還有如下圖的結構:

而content檔案裡面可以放一些.xul檔案,xul字尾的檔案其實就像我們的html元素一樣,用來做擴充套件的介面,其實ff的瀏覽器也是乙個擴充套件做成的,你可以這樣來看,在ff的位址列裡寫chrome://browser/content/browser.xul就知道什麼事的。我們所看到的東西就是xul做成的。他是標準的xml格式檔案。至於教程,可以看這裡 。

好了,現在來說一下上面的究竟是什麼東東,有什麼用。

第一:chrome資料夾,其實這個名字可以自己改,不過我們還是遵從一些規則吧。這個資料夾裡面幾乎包括了擴充套件的所有東西。就css檔案,js檔案,xul頁面檔案etc...下面再補充。

而install.rdf是什麼東東呢,看名字就猜到大概了吧。這是安裝的資訊,裡面的也是xml格式的東東。我們來看下:

現在明白了吧。

好了,我們再看下chrome.manifest檔案吧。

content     sample    chrome/content/

overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul 

我們先來了解下這個:

chrome://sample/content/sample.xul

這個路徑的結構是:

chrome://包名/型別/檔案 

包名可以自定,型別有content、skin etc... 

再看回配置路徑的檔案: 

其中content就是表示chrome資料夾下的content資料夾了 sample就是自定包名,sample.xul就是content資料夾下的檔案了。

至於這一句就是表示在啟動瀏覽器的時候啟動我們的擴充套件。overlay就是乙個覆蓋點,具體的話請看這裡 。暈。。這樣說著說著太多了,以後有機會我再補這個。因為我很懶。哈哈。。。

好了,就這樣夠了。

接著打包:我們直接選中 

注意:別將它們放到乙個資料夾下再選那個資料夾,一定要就這樣全選中他們然後直接用rar壓縮工具壓縮。選擇zip格式。名字就自定啦。

壓縮好後就直接將zip字尾改成xpi就好了。然後就開啟ff,直接拖到ff瀏覽器中。這時候會提示你安裝。

第二種比較簡單

直接將它們放到乙個資料夾中,名字與安裝資訊(install.rdf)裡的em:id起的名字一樣就ok了。

然後將這個資料夾放到ff的安裝目錄的extentsions資料夾下。重啟瀏覽器就會自動完成安裝了。

另介紹兩個好用的工具:乙個是:extentsion developer(ff的外掛程式).當你改過一些檔案。除了install.rdf與chrome.manifest.外,你可以選擇外掛程式的乙個叫reload all chrome選項就不用每次都要重啟ff了。另乙個是dom inspector這個主要用來分析xul的結構,因為很多時候我們都需要利用js來動態生成一些xul元素。這時候你就會覺得他很有用了。

以後再補充一些吧。可以會說說ff的擴充套件與頁面互動的一些東東。不過官方也有,英文的,有興趣可以看下:給連線

ie與火狐ff的區別

1.document.formname.item itemname 問題 說明 ie下,可以使用 document.formname.item itemname 或 document.formname.elements elementname firefox下,只能使用 document.formn...

相容ie和火狐ff的透明度設定

在網上找的相容ie和火狐ff的透明度設定。來自 深山行者個人 利用 qwbm alpha透明度設定,以下是用到的引數說明深山行者 opacity 可選項。整數值 integer 設定或檢索透明漸變的開始透明度。取值範圍為 0 100 預設值為 0 即完全透明。100 為完全不透明。opacity 可...

相容ie和火狐ff的透明度設定

在網上找的相容ie和火狐ff的透明度設定。來自 深山行者個人 利用 qwbm alpha透明度設定,以下是用到的引數說明深山行者 opacity 可選項。整數值 integer 設定或檢索透明漸變的開始透明度。取值範圍為 0 100 預設值為 0 即完全透明。100 為完全不透明。opacity 可...