天天看點

firebreath浏覽器插件開發環境搭建及工程調試

一、firebreath浏覽器插件開發環境搭建

    1、所需軟體

        1) Python(python-2.7.3.msi)

        2) CMake(cmake-3.2.2-win32-x86.exe)

        3) Firebreath源代碼

        (firebreath-FireBreath-firebreath-1.7.0-12-g105dcc6.zip)

        4) C++的boost庫(firebreath-boost-1.50.0.zip)

    2、安裝步驟(以下安裝路徑中均不要包含中文/空格等特殊字元)

        1) 安裝python,此處使用預設路徑安裝,并将安裝路徑C:\Python27添加到Path環境變量中;

        2) 安裝Firebreath,将壓縮包中包含fbgen.py檔案所在目錄下所有檔案,解壓至D:\FireBreath_software\firebreath;

        3) 安裝boost庫,将壓縮包中boost、libs目錄拷貝至Firebreath安裝目錄下/src/3rdParty/boost/;

        4) 安裝CMake,直接按預設方式安裝,然後将安裝路徑D:\Program Files (x86)\CMake\bin添加到Path環境變量中;

二、firebreath插件工程的建立與調試

    1、建立新的plugin

        1) 進入cmd,轉到firebreath根目錄

        指令:cd /d D:\FireBreath_software\firebreath

        2) 運作fbgen.py

        指令:fbgen.py

        3) 建立開始時需要輸入以下資訊:

firebreath浏覽器插件開發環境搭建及工程調試

        具體含義參考firebreath官網:

        http://www.firebreath.org/display/documentation/Creating+a+New+Plugin+Project

        完成後,在firebreath根目錄下會産生一個projects檔案夾,裡面就是剛才建立的工程源檔案了。

    2、目前的工程無法打開,接下來生成vs工程

        1)在剛才進入的目錄下繼續輸入prep2012.cmd,産生的工程在build/FireBreath.sln。我是使用vs2012開發,是以運作prep2012.cmd,若使用其他版本請使用相應的prep檔案。

        2)Firebreath官方給出2個例子,在examples目錄下,均可生成各個vs版本下的工程,如将這個2個例子生成vs2012的工程,則根目錄下輸入prep2012.cmd examples,建立的vs工程在buildex/FireBreath.sln。

        3)FireBreath.sln就是我們熟悉的VS解決方案檔案了。輕按兩下這個檔案就可以用VS打開這個解決方案了。如下圖:

firebreath浏覽器插件開發環境搭建及工程調試

最後一個項目就是我們建立的項目,其他的是自己生成的。當我們建立第二個plugin時就會在這個之後再添加一個項目吧!(不過我還沒試過)。

        4)接下來就在VS中生成解決方案。整個過程完成之後就會在FireBreath\build\bin\demo\Debug\下面找到npdemo.dll,這就是我們生成的plugin了。在FireBreath\build\projects\demo\gen\目錄下可以找到FBControl.htm檔案,這個檔案就是我們這個plugin的測試頁面了,當然你也可以自己編寫測試頁面。

        注:插件視窗大小可以在FBControl.htm檔案中配置!然後在代碼中擷取。

    3、firebreath工程的調試

        1)測試生成的插件,cmd中輸入regsvr32 npdemo.dll,注冊插件,然後就可以使用浏覽器打開FBControl.htm,選擇運作阻止的内容即可。

        2)現在可以使用vs進行開發了,此處重點說下插件的調試,分為以下幾個步驟,熟悉了就很快。

            a.demo工程上右鍵,設為啟動項目。然後工程->屬性->配置屬性->調試下面,指令欄輸入IE路徑C:\Program Files\Internet Explorer\iexplore.exe,指令參數欄輸入待打開網頁路徑D:\FireBreath_software\firebreath\build\projects\demo\gen\FBControl.htm。然後點選運作,出現一個無調試資訊的對話框,直接選擇是,但是無論在代碼中何處打斷點均無法進入。

            b.由于IE貌似使用的另外一個程序來打開的htm檔案,所有點選運作,浏覽器打開後,調試->附加到程序,可以看到可用程序表中iexplore.exe有2個,下面一個為灰色表示正在調試的程序,上面一個為可附加狀态。然後選中上面一個,點選附加。此時就可以進行斷點調試了。

firebreath浏覽器插件開發環境搭建及工程調試

本文中涉及軟體下載下傳位址:

連結:https://pan.baidu.com/s/1Z9vY8qf9xkOfi7wLcw2eyg 

提取碼:5vv4