瀏覽器基礎(chǔ)知識

瀏覽器根底知識1.目錄瀏覽器的開展歷史嵌入式瀏覽器分類瀏覽器工作原理AndroidWebkit簡介瀏覽器簡史〔一〕瀏覽器簡史1991年，WorldWideWeb瀏覽器發(fā)布這款由Web之父TimBerners-Lee親手設(shè)計的圖形化瀏覽器還包含一個所見即所得HTML編輯器，為了防止同WWW混淆，這個瀏覽器后來改名為Nexus1993年，Mosaic發(fā)布Internet的流行應(yīng)該歸功于Mosaic，這款瀏覽器將Web帶向了群眾。諸如IE,Firefox一類的當代瀏覽器仍然在延用Mosaic的圖形化操作界面思想。1994年，Netscape成立1995年，IE發(fā)布，瀏覽器之戰(zhàn)即將爆發(fā)1996年，Opera發(fā)布1998年，Netscape瀏覽器走向開源，Mozilla工程成立2002年，IE開始主導瀏覽器市場，市場份額到達95%2003年，蘋果Safari瀏覽器登場2004年，F(xiàn)irefox引發(fā)第二場瀏覽器之戰(zhàn)，F(xiàn)irefox1.0推出。2006年，IE7發(fā)布，迫于Firefox的壓力，微軟匆匆推出IE7應(yīng)戰(zhàn)2021年，Google攜Chrome參戰(zhàn)嵌入式瀏覽器簡史〔二〕嵌入式瀏覽器簡史〔三〕隨后瀏覽器廠商都重點解決操作系統(tǒng)的兼容性問題。以O(shè)pera為例，目前已經(jīng)開發(fā)了應(yīng)用于各主要操作系統(tǒng)的瀏覽器版本。支持OperaMini軟件的類型已經(jīng)超過了40個廠商的674個型號。嵌入式瀏覽器簡史〔四〕1.目錄瀏覽器的開展歷史嵌入式瀏覽器分類瀏覽器工作原理AndroidWebkit簡介瀏覽器分類瀏覽器的開展主要受制于用戶終端和帶寬的影響，終端能力主要是屏幕大小和處理器能力。根據(jù)上述原那么，嵌入式瀏覽器可以分為三類，或者說開展的三個階段1.WAP瀏覽器2.Transcoding瀏覽器3.WEB瀏覽器瀏覽器分類--WAP瀏覽器WAP2.0與PROXY(一)在Wap時代，代理效勞器〔ProxyServer〕扮演了重要的角色，Proxy是連接和傳統(tǒng)意義WWW網(wǎng)絡(luò)的橋梁，Proxy的主要功能有如下幾個方面：1.Web緩沖2.平安功能3.內(nèi)容轉(zhuǎn)換PROXY的主要功能平安功能://openproxy.china:8080://proxycn2.china:8080response:302跳轉(zhuǎn):302response:302跳轉(zhuǎn):302PROXY檢查sina是否在列表中PROXY檢查網(wǎng)頁的Meta字段WAP2.0與PROXY(三)Baiduwml版簡版Baidu內(nèi)容轉(zhuǎn)換WAP2.0與PROXY(三)BaiduPC版瀏覽器分類--Transcoding瀏覽器設(shè)備庫設(shè)備識別內(nèi)容轉(zhuǎn)換圖形轉(zhuǎn)換內(nèi)容修復應(yīng)用服務(wù)器圖形管理界面第三方內(nèi)容瀏覽器分類--Transcoding瀏覽器近兩年3G網(wǎng)絡(luò)的普及及智能機的長度開展，帶寬和終端處理能力不再成為限制瀏覽器開展的瓶頸。瀏覽器分類--Transcoding瀏覽器一是互聯(lián)網(wǎng)應(yīng)用的代碼非常的不標準，國內(nèi)網(wǎng)頁尤其突出，在內(nèi)容轉(zhuǎn)換過程中的兼容性是非常難保證的。二是網(wǎng)頁上存在著大量的腳本及動態(tài)應(yīng)用，這時依賴效勞器的腳本識別也是非常難以到達實用的程度，比方網(wǎng)銀。三是轉(zhuǎn)換過程的失真問題，隨著智能機的普及，過度的轉(zhuǎn)換、精簡對網(wǎng)頁的效果也會產(chǎn)生較大的失真，反而影響了用戶體驗。瀏覽器分類--Web瀏覽器也稱WWW瀏覽器或者桌面級瀏覽器能在終端上提供更好的用戶體驗、更強的功能擴展一直是各瀏覽器廠商矢志不渝的方向。在第二代瀏覽器的概念上，并沒有太明確的定義，不過各方共同認可的一點那就是完全依賴終端的能力，提供與PC根本一致的上網(wǎng)體驗的瀏覽器，才能稱為第二代的瀏覽器。實際上2007年以后，各瀏覽器廠商基于這個想法就已經(jīng)有了很多嘗試，不過真正把大家的眼球中到瀏覽器上的非蘋果的Safari莫屬。1.目錄瀏覽器的開展歷史嵌入式瀏覽器分類瀏覽器工作原理AndroidWebkit簡介HTTP協(xié)議的工作原理HTTP協(xié)議的作用原理包括四個步驟：連接：Web瀏覽器與Web效勞器建立連接，翻開一個稱為socket〔套接字〕的虛擬文件，此文件的建立標志著連接建立成功。請求：Web瀏覽器通過socket向Web效勞器提交請求。HTTP的請求一般是GET或POST命令。應(yīng)答：Web瀏覽器提交請求后，通過HTTP協(xié)議傳送給Web效勞器。Web效勞器接到后，進行事務(wù)處理，處理結(jié)果又通過HTTP傳回給Web瀏覽器，從而在Web瀏覽器上顯示出所請求的頁面。關(guān)閉連接：當應(yīng)答結(jié)束后，Web瀏覽器與效勞器必須斷開，以保證其它Web瀏覽器能夠與Web效勞器建立連接。客戶端服務(wù)器連接TCP/IP請求響應(yīng)關(guān)閉連接HTTP協(xié)議的工作原理HTTP狀態(tài)碼〔HTTPStatusCode〕是用以表示網(wǎng)頁效勞器HTTP響應(yīng)狀態(tài)的3位數(shù)字代碼。它由RFC2616標準定義的,所有狀態(tài)碼的第一個數(shù)字代表了響應(yīng)的五種狀態(tài)之一。1xx消息這一類型的狀態(tài)碼，代表請求已被接受，需要繼續(xù)處理。由于HTTP/1.0協(xié)議中沒有定義任何1xx狀態(tài)碼，僅HTTP/1.1協(xié)議支持.2xx成功這一類型的狀態(tài)碼，代表請求已成功被效勞器接收、理解、并接受。3xx重定向301--永久跳轉(zhuǎn),302-臨時跳轉(zhuǎn),303--SeeOther,同302,但如果是Post請求,后續(xù)要轉(zhuǎn)為GET,304--NotModified,307--臨時跳轉(zhuǎn)(僅處理Get請求)4xx請求錯誤400--Badrequest(語義或者參數(shù)有誤),401--Unauthorized,403--Forbidden,404NotFound(404這個狀態(tài)碼被廣泛應(yīng)用于當效勞器不想揭示到底為何請求被拒絕或者沒有其他適合的響應(yīng)可用的情況下)5xx效勞器錯誤501--NotImplemented(效勞器不支持當前某個功能),502--BadGateway,504--GatewayTimeoutHTTP響應(yīng)碼(二)RequestResponse何謂WML，HTML，XHTMLWirelessMarkupLanguage，縮寫為WML，是WAP標準指定的基于XML的根本內(nèi)容格式，使用支持該標準的設(shè)備例如移動可以瀏覽WML的頁面。WML的頁面是標準的XML文檔。WML的版本:1.0,1.1,1.2(1998年),1.3,2.0(2001年)WML，HTML，XHTML超文本置記語言〔HyperTextMarkupLanguage，簡稱HTML〕是為“網(wǎng)頁創(chuàng)立和其它可在網(wǎng)頁瀏覽器中看到的信息〞設(shè)計的一種置標語言。HTML被用來結(jié)構(gòu)化信息——例如標題、段落和列表等等。HTML的版本:HTML1.0——在1993年6月發(fā)為互聯(lián)網(wǎng)工程工作小組〔IETF〕工作草案發(fā)布〔并非標準〕.HTML2.0——1995年11月作為RFC1866發(fā)布.HTML3.2——1996年1月14日HTML4.0——1997年12月18日，W3C推薦標準HTML4.01〔微小改進〕——1999年12月24日，W3C推薦標準WML，HTML，XHTMLXHTML，表現(xiàn)方式與HTML類似，不過語法上更加嚴格。XHTML基于可擴展置標語言〔XML〕，XML是SGML的一個子集。XHTML1.0在2000年1月26日成為W3C的推薦標準。XHTML的版本:XHTML1.0——發(fā)布于2000年1月26日，是W3C推薦標準，修訂于2002年8月1日重新發(fā)布。XHTML1.1，于2001年5月31日發(fā)布，W3C推薦標準。XHTML2.0，W3C工作草案。XHTML5，從XHTML1.x的更新版，基于HTML5草案,W3C標準.瀏覽器工作原理Render引擎DOMHTMLDOMEVENTDOMCoreXML/HTMLTokenizer/ParserJavaScript引擎HTTP協(xié)議棧TCP/IP協(xié)議棧窗口管理書簽歷史記錄密碼管理Application內(nèi)核操作系統(tǒng)瀏覽器內(nèi)核工作流程圖XML/HTML解析（分詞）構(gòu)建DOM樹Javascript解析窗口管理網(wǎng)絡(luò)側(cè)數(shù)據(jù)渲染網(wǎng)頁瀏覽器的工作原理瀏覽器內(nèi)核內(nèi)核是瀏覽器工作的心臟衡量內(nèi)核好壞的標準：1.架構(gòu)合理EmailClientWidgets2.渲染效率高瀏覽器的工作原理(一)高速模式：Webkit引擎，渲染快，平安性好。兼容模式：IE內(nèi)核，兼容性好，支持大多數(shù)IE兼容網(wǎng)頁。支持多內(nèi)核的瀏覽器-MaxthonMozillaFirefox本身是單內(nèi)核的，但支持第三方擴展，能夠?qū)崿F(xiàn)IE和Firefox兩個內(nèi)核自由切換瀏覽，滿足中國用戶的需求瀏覽器引擎瀏覽器引擎瀏覽器引擎TridentInternetExplorerMaxthon搜狗瀏覽器360瀏覽器GreenBrowserOperaPrestoGeckoMozillafirefoxThunderbirdCaminoWebkitMacSafariChromeMidori嵌入式瀏覽器引擎嵌入式瀏覽器TridentMobileIEOperaMobilePrestoGeckoMozillafirefoxThunderbirdCaminoWebkitIphoneSafariAndroidbrowserNetfrontBrowserSymbianBrowserCSS的作用CSSCSSHTML++CascadingStyleSheets〔層疊樣式表〕，簡寫為CSS，由W3C定義和維護的標準，一種用來為結(jié)構(gòu)化文檔〔如HTML文檔或XML應(yīng)用〕添加樣式〔字體、間距和顏色等〕的語言。目前最新版本是CSS2.1。下一版本CSS3仍然在開發(fā)過程中。Andriod2.2目前支持CSS2.1。Javascript的作用圖:Javascript是因特網(wǎng)時代的機器語言Javascript的作用(二)AJAX的廣泛使用,使得Javascript的地位更加重要,高效的Javascript引擎成為衡量瀏覽器引擎是否高效的重要指標目前比較流行的瀏覽器引擎有：Javascript的作用(三)SpiderMonkeyMozilla和Webkit均采用此引擎,近幾年出現(xiàn)了一些衍生版本TraceMonkey,JaegerMonkey等,Obigo瀏覽器也是采用此引擎。GoogeV8Chromegoogle自行研發(fā)的Javascript引擎，目前還沒有移植到Andriod上。ChakraIE瀏覽器FutharkOpera瀏覽器Javascript的作用(3)functionrecordLoad(){try{if(loadRecorded){return;}

varloadString=toJsonString(loadTime);newAjax.Request(ajax,{ parameters:{ pos:'editorload', string:loadString, cookie:document.cookie }, bgRequest:true});loadRecorded=1;}catch(e){}}1.目錄瀏覽器的開展歷史嵌入式瀏覽器分類瀏覽器工作原理AndroidWebkit簡介WebkitArchitectureAndroidBrowser主要分成三個局部:1.Browserapp(java)；2.FrameworkWebView(Java);3.WebkitEngine(C++):JavascriptCore,WebCore,Webkit;1.JavaScriptCore；Javascript引擎KJS進化到SquirrelFish根本的模板庫WTF根本的正那么表達式解析模塊PCRE根本編碼轉(zhuǎn)換模塊，依賴ICU進行JS解析/編譯引擎JS運行庫2.WebCore--renderengine；WebCore負責解析頁面，生成DOMtree和Rendertree，最終繪制整個頁面到background。網(wǎng)絡(luò)接口封裝HTML解析引擎XML解析引擎CSS解析引擎JS客戶端對象封裝網(wǎng)頁渲染引擎BackEnd封裝與實現(xiàn)SVG引擎HTMLEditing〔DomEvent〕PluginsCache，Cookies，History，Image/Icon。。。3.Webkit接口層接口層負責和平臺相關(guān)的background實現(xiàn)，里面包括了android平臺的實現(xiàn)，具體是通過JN