計算機畢業論文基于qt的嵌入式網絡瀏覽器設計-資料下載頁

【導讀】PDA、小型廣告機等。其擁有體積小、耗能低、功能能基本滿足需要等特點。行比較，給出了設計嵌入式瀏覽器的一些方案。給出了每個程序模塊的設計思想和主要算法。本文的主要內容涉及Qt語法的分析，瀏覽器各部分功能模塊的分析實現，在文中給出了程序各模塊的測試結果。并且照本瀏覽器的特性與主流瀏覽。器的相應功能進行對比。

　　

【正文】 體 的屬性，遇到什么標記，直接設置字體屬性，遇到帶 /的標記，解除設置過的屬性即可，這樣既沒有容錯方面的問題，又不需要用很復雜的數據結構來存儲。本函數在外部另開了 fontanalysis 和 coloranalysis 來完成。 吉林大學學士學位論文 20 font比較特殊，擁有多種參數，例如 size 和 color， size 先用 case 語句把17 號與相應的字號大小對應起來，再把比 7 大的號碼直接賦給相應的字號。color 只需要發一個顏色參數給 coloranalysis 函數等待返回以后設置即可。 s是 strike 字形的簡寫，就是把當前的字用一 條橫線劃除。 i是 Italic 字形的簡寫，就是斜體。 u是 Underline 字形的簡寫，就是下劃線。 b是 Bold 字形的簡寫，就是粗體。 hn align=一種方式和 center一種方式，其用于輸出一個標題。字體為黑體，字號為 n， align 為字輸出的位置。 這是解析的一段 Html 腳本： font size=5 color=0000FFbIt39。s sa /suwon/bderful i day!/i/u/font 解析結果如圖 36 圖 36 font的解析結果 （注意，由于 ARM 板上的 不支持斜體，無法顯示出斜體） 分析一下這個腳本解析的幾個標記： 首先是設置字體 size=5，這個是按 html 腳本語言的規定設置的，每個 size指代一個具體的數值，這里不贅述。 color 顏色為藍色； b作用在 It39。s a won 這些字母，設置粗體； s作用在 a 上，設置刪除符號； u作用在 wonderfulday上，設置下劃線； i作用在 day!上設置斜體。注意標記都不是互相包含的。 hr：標尺線解析 有 5 個參數 size、 width、 align、 noshade 以及 color（ Html 語言教程中說 color只有 IE 支持，然而經測試 mozilla firefox 也支持標尺顏色。）解析時，將各參數用循環進行分析，得到的參數分別用臨時變量表示，最后再用一段公用的畫標尺語句輸出即可。從放大了的截圖中看，默認的標尺是由一根灰色線和一根略白的線緊靠而成，如果有 size 屬性且 size2，則為一條灰線（ 0 也一樣）， size2時，由上、左兩條灰線，下、右兩條白線組成。如果設置了顏色或者設置了noshade，則不用分白、灰線，兩種線共用顏 色。標尺的寬度有兩種，一種是以吉林大學學士學位論文 21 百分比形式畫出，另一種以實際寬度畫出。 如圖 37。 圖 37 hr的解析結果 顏色的解析，這個是對于一些瀏覽器擁有的預定義色彩，如 Black, Olive, Teal,Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 寫了一個分析這些特定字串的函數 QColor defaultcolor(QString color)，返回特定顏色，如果不符合，則范圍一個默認顏色。 在此，本瀏覽器對文本輸出與圖片輸出等內容已經有了一個初步的框架，因此和 Windows 下 IE 以及 Linux 下的 Mozilla firefox 做個對比，主要對比當前可實現功能的解析能力。測試時瀏覽器窗體大小為 480*360。 首先是 IE： 圖 38 IE 的標題欄 圖 39 IE 的網頁解析結果 吉林大學學士學位論文 22 其次火狐： 圖 310 Mozilla 的標題欄 圖 311 Mozilla 的網頁解析結果 再次本瀏覽器（名字暫定 為 webbrowser）： 圖 312 webbrowser 的網頁解析結果 吉林大學學士學位論文 23 IE 的標題欄與 webbrowser 的標題欄都支持帶 符號的標題，而 mozilla 會把只帶‘ ’的標題另加上一個‘ ’，還會省略掉中間的標題。 對于標尺的支持，三個瀏覽器完全一致。 文本字體隨意變化，三個瀏覽器基本一致，只是 webbrowser 支持輸出不符合解析條件的 mand內容，另兩種不支持。還有一點，對于字體屬性的設置， webbrowser 并不需要 mand與 /mand配合使用，這個主要是在font的設置上體現，如中間一段彩色文字，每段單詞前都有加上一個 font color=來設置，但 webbrowser 只需一個 /font就可以使其恢復為默認顏色，而 IE 與火狐則只能恢復到最后一個青色的前一個顏色黃色。該方法各有利弊，如果寫網頁者多次手動設定不同顏色，則 webbrowser 比較方便，若只設定少數幾次顏色并且希望用“后退”的方式控制顏色，則 IE 與火狐比較方便。究其原因，則是有一個數據結構專門存放顏色的設定，每次 /font退出一個設定。原本我是用堆棧方式解決，但后來發現并不一定是后進先 出，因為字體能夠嵌套使用（之前有描述），因此改為這種寫法。 文字的對齊， IE 與火狐采用下對齊模式， webbrowser 采用上對齊，主要原因是 IE 與火狐是以行為單位輸出文本和圖片，寬度以最大的寬度為準，而webbrowser 以單個字符或單個圖片為單位，寬度也以最大寬度為準。優勢在于容易能獲得自動圖文環繞的功能。 圖片的繪制， IE 的圖片邊框和字體初始顏色不是一樣的，這點和火狐、webbrowser 不同，從右邊的圖片邊框可以看出，火狐和 webbrowser 都是用默認文本的顏色（紅色）為邊框，而 IE 則是有專用的默認 邊框顏色（黑色）。同時可以看到， align=right 的圖片，在 IE 下有覆蓋掉下邊的文字的缺點。而webbrowser 則不會有此問題。更換兩圖片中間的文本信息，如下圖 313。 圖 313 文本環繞圖片的效果 吉林大學學士學位論文 24 可見 webbrowser 對圖文環繞的支持是有一定優勢的。對于火狐來說，圖片不支持在旁邊顯示文本。超鏈圖片則是插入在普通文本之中，以圖片下邊為顯示光標位置。因此可以看到“ jump here！”文字是顯示于右下角。還丟失了一大段文字。 圖片旁文本的顯示， IE 是可以在圖片旁輸出文本的，但是必須用 br控制文本的換行，而如果有大過窗口寬度的文本則自動調整窗口大小（滾動條）。 超級鏈接，目前 webbrowser 已能支持在原窗口打開超鏈接，本頁面間跳轉，打開新頁面后的跳轉，這些已經在上邊測試通過。 p：段落解析 可以認為是文字布局，即文字居左、居中、居右。分析可知，其實并不需要把整段文字都設置布局，只需要設置最后一行文字的位置。 emitword（）在自動換行輸出整行信息的最后，有留出最后一行單獨輸出的特點，正好利用這個特點，在單獨輸出的行加上判斷語句，判斷使用的全局變量為 nexttext。就 可以讓最后一行在指定的位置輸出。 p有分兩種，一種是成對的，帶參數 align 等和結束符 /p，另一種是單獨的只有一個 p，因此可以照是否有參數來判斷是否要尋找結束符。 因為又是對兩個符號之間的文本進行處理，因此不支持在文本中隨意更換字體。這與 a的處理是一樣的，只能更換少數的字體形式。 p只能另起一段，也就意味著連續用兩個 p是無效果的，只相當于一個p，這個功能的實現只需要判斷光標位置是不是在本行的起始點即可。本函數在 htmlanalysis 以及 enter 等函數中完成。 li和 ul：列表解析 ul標記是設定列表的類，例如寫一次 ul則表示接下來的 li都為第一類列表，再寫一次，則表示接下來的 li為上一類列表的子類，顯示時則體現為起始點在上一類列表的右邊。第一類、第二類、第三類列表的開頭符號也有不同，分別為實心圓、空心圓和實心矩形。使用一個參數 ul 來說明是第幾子類，再由這個參數來決定起始位置和列表開頭的符號。每段文字都另起一行開始輸出。本函數在 htmlanalysis 內完成。 以下網頁 （如圖 314） 是選用 文網頁進行測試。 吉林大學學士學位論文 25 圖 314 三級列表的測試 bgsound：背景音樂解析 我們利用 mpg123 來播放各種音樂。 mpg123 是一個很完善的音樂播放器，支持大多數格式的音樂。若使用 QT 自帶的聲音類則會有很多限制，例如只能播放 wav 等。 mpg123 并沒有圖形界面，利于設置在后臺播放。 定義一個 QProcess 類 bgsound，定義一個 int soundloop 指定重播次數，定義一個槽 musicloop()。首先依舊是命令、參數分析，分析出資源名和重復次數以后，把資源名存進已放入“ mpg123”作為命令的 bgsound 進程中，把重復次數存入 soundloop 中，然后建立 processExited()信號與 musicloop()槽的連接。再寫一個判斷音樂循環的程序，在 soundloop大于 1時，重復播放且把 soundloop1，如果 soundloop 小于 1，則切斷 processExited()信號與 musicloop()槽的連接。在所有與窗口變動有關的函數上加上 kill()指令，把當前播放的音樂關閉。 注：由于前進和后退并不重新分析網頁，因而在這兩個功能運行 之后進入的網頁不會播放背景音樂（除非刷新）。本函數在 htmlanalysis 中完成。 視頻解析 鑒于 ARM 系統的局限性以及顯示器（ 320x200 液晶）的大小，一個折中解決的辦法是：讀出頁面中所有的視頻，放在菜單欄中一個下拉菜單里，點擊相應的 URL，就打開相應的視頻。 使用 Mplayer 來播放視頻， Mplayer 是一個開源的視頻播放器，已經成功移植到 ARM 平臺。但是因為 ARM 平臺的一些特性，不得解決以下幾個問題。 問題 1：視頻與 QProcess 的交互： 運行程序比較容易實現，但是要做到交互，則必須 了解 Mplayer 的相應指令 [18]。比如對 stdin 輸入“ p”即可暫停，但是問題出在 Mplayer 比較早期的版吉林大學學士學位論文 26 本中沒有相應的指令系統，只能靠向 stdin輸入控制符，但是在 QT中沒法向 stdin中輸入除主鍵盤區字符以外的指令，因此許多功能無法使用。 問題 2：視頻播放時，主窗口的行為： 對于 Linux 平臺而言，主窗口做什么與視頻無關，因為視頻開出了個額外的窗口，在主窗口中做其他操作，除非影響了 QProcess 的屬性，否則就算關閉主窗口也不會對視頻有影響（為此前面把 qApp 的 aboutToQuit()和 QProcess 的kill()給鏈接了，關閉主窗口同時可關閉視頻）。而對于 ARM 平臺而言卻不是如此。首先， ARM 平臺的顯示是采用 fb0[13]，并沒有一個像 Linux 下 X11 窗口那樣可以縮放，均是左上角對齊的一個矩形框（大小可通過命令 scale 調節），而此時如果點擊視頻，則會響應視頻下方 QT 程序的相應部分。就類似于在 Qt界面上方覆蓋了一個透明的窗體。而且，當視頻結束或者強制退出時，由于 fb0的緩沖區殘留圖像，液晶上會一直顯示著退出時的視頻圖像，當點擊液晶時和之前所說一樣可以響應 Qt 的相應內容，只是頁面會變的殘缺不全 。因此基于這些特殊問題進行了相應的研究： 可以在運行程序的時候保存當前屏幕的緩沖圖像，在退出或點擊時用命令輸出保存的緩沖圖像。主要命令有 dd if=/dev/fb0 of=fbfile， 其中， if 指 inputfile，of 指 outputfile， fb0 是對應的 framebuffer 設備， fbfile 是自己指定的一個文件名。此命令用于保存當前窗口的緩沖。之后以 dd if=fbfile of=/dev/fb0 命令把 fbfile 里存放的緩沖圖像重新輸出到 fb0 中。經實際測試，這個方法是可行的。能夠返回原來 的 Qt 界面。只需把這兩條語句定義成 QProcess（或 QStringList）就可以輕松調用。然而， fb 正在被操作的過程中（例如 Mplayer 正在播放或者暫停，只要沒退出就都在被操作）寫這個指令時不會改變任何現象的。因此無法使用這個方法。 在視頻播放的時候，我們采用一種新的模式來響應鼠標點擊：首先把菜單欄隱藏，把窗口響應鼠標函數添加上在播放視頻時間的特殊情況響應，點擊鼠標時暫停輸出（同大多數目前主流瀏覽器上視頻軟件相同），同時彈出一個控制菜單，類似大多數視頻軟件，擁有開始、暫停、停止、調整時間的滑塊、聲音控制等基本功能。按下相應的組件可對視頻進行相應的響應，例如快進、聲音調整等。這些可以參照 Mplayer 的 stdin 來進行設計。 在設計時間滑塊時遇到如何讀取視頻的時間長度信息的問題，在網絡文章 [5]中提到 Mplayer 有 get_time_pos 與 get_time_length 指令，但是經過實際測吉林大學學士學位論文 27 試發現無效。又查找