【正文】 統(tǒng)不僅功能強(qiáng)大，便于開(kāi)發(fā)移植，而且費(fèi)用低廉，基于 Linux的嵌入式系統(tǒng)已日漸成熟，也有相應(yīng)的窗口系統(tǒng)可以使用，我們使用 PC 上的Linux 來(lái)進(jìn)行瀏覽器開(kāi)發(fā)，是再好不過(guò)的了，軟件從 PC 移植到嵌入式設(shè)備只需重新 編譯一下就可以了（前提是使用的函數(shù)庫(kù)、開(kāi)發(fā)包同時(shí)具有 PC 和嵌入式的版本）。 以下的工作均是建立在大量的調(diào)查基礎(chǔ)上的。國(guó)外大公司在相關(guān)領(lǐng)域的科研與實(shí)踐已很成熟，在大量投入之后，其產(chǎn)品已 為廣大用戶所接受，國(guó)內(nèi)的企業(yè)若從零做起，也很難追趕。 GUI 平臺(tái)不確定，布局工作也無(wú)法展開(kāi)。 IO 主要是指通過(guò) HTTP 協(xié)議或文件系統(tǒng)來(lái)讀取網(wǎng)頁(yè)內(nèi)容，網(wǎng)絡(luò)部份超出了本論文的討論范圍，不予詳述，后面將介紹與網(wǎng)絡(luò)部份的接口。這實(shí)際上是程序員努力的結(jié)果，而不是 JavaScript 編譯器的功勞。前者通常直接使用 GUI 庫(kù)中的已有控件，編程難度很小，后者主要利用基本的點(diǎn)線函數(shù)，編程難度比較大。 GUI 的功勞第一在于軟件的操作界面，如窗口、菜單、工具條、滾動(dòng)條等。 GUI 及軟件界面 GUI 是指圖形用戶界面，瀏覽器無(wú)疑是一個(gè)圖形函數(shù)庫(kù)的大需求者，選擇好的 GUI 環(huán)境實(shí)屬不易，為了能夠?qū)崿F(xiàn)專有的功能，瀏覽器開(kāi)發(fā)者往往還要對(duì)基礎(chǔ)的 GUI 庫(kù)進(jìn)行包裝、改寫(xiě)，甚至寫(xiě)自己的控件。 布局 本文中的布局應(yīng)理 解為界面輸出前的預(yù)演和處理位置等信息的算法，而不是具體的畫(huà)圖和界面輸出。 語(yǔ)法分析 在大型的瀏覽器中，語(yǔ)法分析通常是獨(dú)立的模塊，但在嵌入式瀏覽器中，語(yǔ)法分析通常是與布局混合在一起的，即一邊進(jìn)行語(yǔ)法分析，一邊布局，不設(shè)立相應(yīng)的數(shù)據(jù)結(jié)構(gòu)來(lái)存儲(chǔ)語(yǔ)法分析的結(jié)果。 詞法分析 主要是針對(duì) HTML 進(jìn)行詞法分析，該詞法分析器實(shí)際是通用的，還可用于 XML、WML 的詞法分析，只需替換元素名稱即可。 嵌入式瀏覽器的應(yīng)用領(lǐng)域 嵌入式瀏覽器主要應(yīng)用于手持終端和信息家電，例如掌上電腦、 3G 手機(jī)、網(wǎng)絡(luò)機(jī)頂盒、具有網(wǎng)絡(luò)功能的其它家電，如可上網(wǎng)的電冰箱等，另外，在軍事等領(lǐng)域也有一定的應(yīng)用需求。缺點(diǎn)是網(wǎng)絡(luò)功能比較弱，不支持多線程，另外其必須等到所有圖片下載完畢才開(kāi)始布局，若某文件傳輸失敗則會(huì)導(dǎo)致死鎖，需用戶中斷。使用 C++面向?qū)ο蟮脑O(shè)計(jì)。網(wǎng)址是： (4)Viewml， 使用 FLTK 作為 GUI 平臺(tái)開(kāi)發(fā)的瀏覽器，主要面向嵌入式的應(yīng)用。我們?cè)谠O(shè)計(jì) Netbit Browser 時(shí)主要參考了該瀏覽器的界面設(shè)計(jì)。 (3)Gzilla，現(xiàn)名 Dillo，是基于 Linux，使用 GTK 作為 GUI 平臺(tái)開(kāi)發(fā)的瀏覽器，其開(kāi)發(fā)目的也包含嵌入式的應(yīng)用。比如它不支持使用 font標(biāo)記來(lái)設(shè)置字體，也不支持樣式表，所有字體的大小是固定的，但一般情況不易發(fā)現(xiàn)，不過(guò)由于 Linux 版本不是商業(yè)性版本，無(wú)法就此推斷其他版本的特性?？梢允褂眉^鍵來(lái)選擇網(wǎng)址進(jìn)行跳轉(zhuǎn)。其新推出的Netfront Linux 版本可以免費(fèi)下載，網(wǎng)址是： Netfront 瀏覽效果非常好，對(duì)中文的 支持和表格的顯示效果，甚至超過(guò) Netscape for Linux。 常見(jiàn)嵌入式瀏覽器 (1)Inter Explorer for WinCE，是 IE 的 Windows CE 版，這也意味著用戶為了使用它，必須選用基于 WinCE 平臺(tái)的產(chǎn)品，隨著微軟勢(shì)力在掌上終端領(lǐng)域的蔓延， WinCE 版的 IE 必將大行其道。而嵌入式瀏覽器通?；趯?用系統(tǒng)。這也是桌面瀏覽器和嵌入式瀏覽器最大的區(qū)別。其中 IE 與 Netscape 對(duì)HTML 頁(yè)面的顯示效果均堪稱完美（對(duì)于 XML， WML等標(biāo)準(zhǔn)的網(wǎng)頁(yè)瀏覽，本文不予討論）。 其中 IE，Opera 已有嵌入式版本，以上的大多數(shù)瀏覽器均有跨多平臺(tái)的版本。并以網(wǎng)站的方式公布了其源代碼，為國(guó)內(nèi)嵌入式瀏覽器的發(fā)展做了有益的嘗試。迫切需要更多的人來(lái)關(guān)注嵌入式瀏覽器技術(shù)，開(kāi)發(fā)中 國(guó)自主知識(shí)產(chǎn)權(quán)的瀏覽器產(chǎn)品。嵌入式瀏覽器作為重要的嵌入式系統(tǒng)應(yīng)用軟件，是不可或缺的。嵌入式系統(tǒng)因其體積小，速度快而受到重視。 Netbit 瀏覽器的開(kāi)發(fā)，是本論文的重點(diǎn)，分模塊進(jìn)行了分析，提出了需要改進(jìn)的地方，并給出了改進(jìn)措施。 另外，在論文開(kāi)頭， 介紹了目前嵌入式瀏覽器產(chǎn)品的發(fā)展現(xiàn)狀，嵌入式瀏覽器的組成和各部份功能說(shuō)明。 嵌 入 式 瀏 覽 器 開(kāi) 發(fā) 專 業(yè)： 本科生姓名： 指導(dǎo)教師姓名： 摘 要 本文主要論述了嵌入式瀏覽器開(kāi)發(fā)所涉及到的技術(shù)，對(duì) HTML 詞法分析、瀏覽器 JavaScript 支持、 linux 和 gtk 編程等做了詳細(xì)的分析和介紹，并對(duì) Netbit瀏覽器的開(kāi)發(fā)進(jìn)行了介紹，分析了主要的模塊的功能和組成，并給出了主要算法。 還對(duì)典型的嵌入式瀏覽器進(jìn)行了分析，包括 Gzilla,Mozilla,Thunder 和 zen,總結(jié)了瀏覽器設(shè)計(jì)的技術(shù)要點(diǎn)和開(kāi)發(fā)策略。 HTML 詞法分析是著重討論的技術(shù)問(wèn)題，給出了詳盡的數(shù)據(jù)結(jié)構(gòu)，程序流程。 關(guān)鍵詞： 嵌入式瀏覽器， HTML 詞法分析， Javascript， linux， gtk ABSTRACT This paper is focused on the technology of embedded scanner, JavaScript support for browser, linux and gtk programming are deeply introduce the development of Netbit browser, analyse the main module of Netbit, the algorithm is presented. what’s more, other typical embedded browsers are analysed, include Gzilla,Mozilla,Thunder and zen， and summarize the important technology and the policy of browser development In addition,at the head of the paper,introduce the present status of embedded browser product,the general form of embedded browser and description of the main parts. HTML scanner is an important technological problem, the data structure and the flow of the program are presented. The development of Netbit Browser is mainly discussed,and analysed by module,give the opinion to improve it. KEY WORDS: embedded browser,HTML token,Javascript,linux,gtk 目 錄 引言 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 5 第 一 章 嵌 入 式 瀏 覽 器 設(shè) 計(jì) 概 述 ?????????? 6 目前嵌入式瀏覽器產(chǎn)品的發(fā)展現(xiàn)狀 ? ? ? ? ? ?? ? ? 6 嵌入式瀏覽器的組成和各部份功能說(shuō)明 ? ? ? ?? ? ? 8 開(kāi)發(fā)難度分析 ? ? ? ? ? ? ?? ? ? ? ? ? ?? ? ? ? 9 開(kāi)發(fā) 的前 期策 劃 ??????? ?? ??? ??? ?? 10 第二章 HTML 詞法分析器的設(shè)計(jì)及其應(yīng)用 ?? ?? ? 12 Bit Token 的組成 及其功能 ????????????12 數(shù) 據(jù)結(jié) 構(gòu) ?? ? ? ?? ? ?? ? ? ?? ? ?? ? ?? ? 12 算法 ? ? ?? ? ?? ? ? ?? ? ?? ? ? ?? ? ?? ? 13 詞 法 分析 結(jié)果 示 意 ??? ?? ?? ?? ?? ?? ?? ?? 15 HTML 詞法分析的應(yīng)用 ???????????????15 第三章瀏覽器 JavaScript 支持的實(shí)現(xiàn) ???????18 基本的 JavaScript 開(kāi)發(fā)環(huán)境 ????????????18 JavaScript Engine ????????????????18 JavaScript 與瀏覽器接合 ????????????? 19 瀏 覽器消 息響應(yīng) ????????????????? 21 第四章 Linux 程序開(kāi)發(fā)技術(shù)及 GTK 圖形程序開(kāi)發(fā) ?? 23 Linux 下的程序開(kāi)發(fā)環(huán)境 ??????????????23 GTK 圖形程序開(kāi)發(fā) ?????????????????29 第五章 Netbit 瀏覽器開(kāi)發(fā)與分析 ????????? 31 Netbit 瀏覽器簡(jiǎn)介 ???????????????? 31 Netbit Browser 瀏覽器各部份的功能 ??????? ? 31 引 言 隨著計(jì)算機(jī)、網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，新型的高科技含量的電子產(chǎn)品層出不窮，遍及家電、生產(chǎn)、軍事等各個(gè)領(lǐng)域。在掌上電腦、 PDA、手機(jī)、導(dǎo)航設(shè)備、信息家電領(lǐng)域嵌入式系統(tǒng)被廣泛采用，這也是近期產(chǎn)品研發(fā)的熱點(diǎn)。但目前，嵌入式瀏覽器產(chǎn)品的市場(chǎng)被少數(shù)國(guó)外大公司壟斷，眾多的小型嵌入式瀏覽器也尚處于發(fā)展期，而國(guó)內(nèi)的自主技術(shù)的嵌入式瀏覽器更屈指可數(shù)，剛剛進(jìn)入實(shí)用階段。 本文闡述了嵌入式瀏覽器開(kāi)發(fā)的關(guān)鍵技術(shù)，并詳細(xì)說(shuō)明 Netbit Browser 的實(shí)際開(kāi)發(fā)過(guò)程，技術(shù)細(xì)節(jié)。 第一章 嵌入式瀏覽器設(shè)計(jì)概述 桌面瀏覽器簡(jiǎn)介及其與嵌入式瀏覽器的區(qū)別： 常見(jiàn)的桌面瀏覽器有微軟的 Inter Explorer，網(wǎng)景的 Netscape，開(kāi)放源碼的 Mozilla，以及 opera， mosaic， Hotjava，字符模式的 lynx 等。這些桌面型瀏覽器功能參差不齊，但大多能實(shí)現(xiàn)基本的瀏覽功能。 與完美的瀏覽效果，功能豐富，支持多種媒體格式和視音頻插件等優(yōu)點(diǎn)形成對(duì)立的是，這些瀏覽器龐大的體積和對(duì)機(jī)器配置的高要求。另外，桌面型瀏覽器通常是基于通用的操作系統(tǒng)，用于桌面電腦如 PC機(jī)、 MAC 機(jī)等。 需要指出的是，我們?cè)诰W(wǎng)上常看到的一些所謂的優(yōu)秀瀏覽器，如 Netcaptor，魔裝網(wǎng)神，騰訊，颶風(fēng)， Fantasia，金山 WPS office 的瀏覽器等等，均為使用IE 內(nèi)核的瀏覽器，使用了多頁(yè)面多線程的方式，降低了系統(tǒng)資源的耗費(fèi)，方便了瀏覽，但軟件本身沒(méi)有多少技術(shù)可言，可以用 Delphi， VB 等工具輕易開(kāi)發(fā)出來(lái)（如果不要求完善的功能，只需簡(jiǎn)單到拖一個(gè) IE 控件過(guò)去就行了），這也體現(xiàn)了微軟的 COM+及 ActiveX 技術(shù)的強(qiáng)大。 (2)Access Netfront， Access 是日本的瀏覽器大廠，占據(jù)了大部份的日本瀏覽器市場(chǎng)，其產(chǎn)品廣泛應(yīng)用于手持設(shè)備、機(jī)頂盒、游戲機(jī)等產(chǎn)品。而且支持鍵盤(pán)操作。但顯然為了簡(jiǎn)化設(shè)計(jì)， Netfront 使用了一定的權(quán)宜手段。Netfront Linux 版大小為 ，如再加以簡(jiǎn)化（比如去掉一些圖片按鈕）可以做的更小。是開(kāi)放源碼項(xiàng)目。該瀏覽器的缺點(diǎn)是不支持表格，布局過(guò)于簡(jiǎn)單，不支持中文，瀏覽效果比較差，優(yōu)點(diǎn)是網(wǎng)絡(luò)功能完善，支持cache 緩沖，能夠支持多種圖片格式。是開(kāi)放源碼項(xiàng)目。因?yàn)槭褂?FLTK，所以可以在嵌入式的 Micro Window 平臺(tái)運(yùn)行，該瀏覽器支持簡(jiǎn)單的表格，界面還沒(méi)有做（只有一個(gè)主窗口），不支持中文，由于 FLTK 的 BUG 比較多，我們?cè)趯?shí)際編譯時(shí)經(jīng)常出錯(cuò)，即使編譯通過(guò)，也常常是還沒(méi)運(yùn)行就 core dump 了，但曾經(jīng)由某人編譯成功，基本可用，網(wǎng)址是： (5)ZEN，一個(gè)并不知名的嵌入式瀏覽器，但卻十分優(yōu)秀，開(kāi)放源碼項(xiàng)目，不僅支持表格，支持多 種圖像格式，而且在設(shè)計(jì)上很有特色，將涉及到 GUI 平臺(tái)的部分獨(dú)立出來(lái)，用戶可以指定不同的 GUI 平臺(tái)運(yùn)行，內(nèi)置了對(duì)字符， SVGA 和GTK 的支持，開(kāi)發(fā)這只需按照相應(yīng)規(guī)范編寫(xiě)該軟件的涉及 GUI 的部份，就可以將其移植到其它 GUI 平臺(tái)，而無(wú)須對(duì)整個(gè)軟件進(jìn)行修改。網(wǎng)址是： 以上主要介紹了開(kāi)放源碼的嵌入式瀏覽器，因?yàn)槠鋵?duì)本項(xiàng)目具有實(shí)際的參考價(jià)值。 下面簡(jiǎn)介主要的組成部份，其設(shè)計(jì)原理后面將進(jìn)行專門(mén)論述。 HTML 詞法分析是瀏覽器設(shè)計(jì)的基礎(chǔ)環(huán)節(jié)之一，也是整個(gè)設(shè)計(jì)過(guò)程中重要的前端工作，其數(shù)據(jù)結(jié)構(gòu)的擬定與接下來(lái)的語(yǔ)法分析和布局算法密切相關(guān)，詞法分析的效率與準(zhǔn)確性、容錯(cuò)性也關(guān)系到整個(gè)瀏覽器設(shè)計(jì)的質(zhì)量。語(yǔ)法分析對(duì)布局的算法有直接的指導(dǎo)意義。布局算法的好壞直接關(guān)系到界面的輸出效果，但布局算法也是要根據(jù) GUI 所能實(shí)現(xiàn)的輸出效果來(lái)設(shè)計(jì)的，所以， GUI 往往成