最新文章專題視頻專題關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
新手對(duì)<meta>的問題_html/css_WEB-ITnose 瀏覽器兼容問題:高度顯示錯(cuò)誤_html/css_WEB-ITnose 新手關(guān)于在DreamWever上寫的Html鏈接到編寫的服務(wù)器的問題_html/css_WEB-ITnose 新手,關(guān)于網(wǎng)頁嵌入vlc播放器的視頻播放問題_html/css_WEB-ITnose 新手,還沒入門,求教_html/css_WEB-ITnose 瀏覽器hack總結(jié)詳細(xì)的瀏覽器兼容性解決方法_html/css_WEB-ITnose 瀏覽器的CSSHacks_html/css_WEB-ITnose 新手_html/css_WEB-ITnose 新手上路求教細(xì)節(jié)_html/css_WEB-ITnose 瀏覽器兼容模式和快速模式下運(yùn)行HTML差異_html/css_WEB-ITnose 史上最全的HTML、CSS知識(shí)點(diǎn)總結(jié),淺顯易懂。_html/css_WEB-ITnose 瀏覽器的渲染原理簡介_html/css_WEB-ITnose 瀏覽器端Less_html/css_WEB-ITnose 新手問個(gè)小問題,_html/css_WEB-ITnose 史上最全的csshack(ie6-9,firefox,chrome,opera,safari)_html/css_WEB-ITnose 瀏覽器兼容性問題及常見的解決方法_html/css_WEB-ITnose 新手提問,菜單瀏覽效果的問題_html/css_WEB-ITnose 瀏覽器縮小后頁面變形_html/css_WEB-ITnose 新手求教:關(guān)于定位和z-index不起作用的問題,請各位大神幫忙,在線等_html/css_WEB-ITnose 瀏覽器緩存分析_html/css_WEB-ITnose 新手又有問題了,ie6層重疊問題,會(huì)的大神幫幫下……_html/css_WEB-ITnose 新手求助~網(wǎng)頁嵌入vlc,有沒有什么參數(shù),能設(shè)置一段視頻的開始和結(jié)束時(shí)間_html/css_WEB-ITnose 新手求助,一個(gè)頁面布局的問題。_html/css_WEB-ITnose 瀏覽器緩存的問題_html/css_WEB-ITnose 新手求指導(dǎo)_html/css_WEB-ITnose 新手學(xué)WEB開發(fā)【做大型網(wǎng)站如何選擇語言】【云計(jì)算是什么】,求指點(diǎn)_html/css_WEB-ITnose 新手建站求助,進(jìn)來吧,得分很容易的。_html/css_WEB-ITnose 新手學(xué)習(xí)HTML5_html/css_WEB-ITnose 新手,求幫助_html/css_WEB-ITnose 新手疑問:改變?yōu)g覽器大小DIV標(biāo)簽會(huì)重疊的問題_html/css_WEB-ITnose 新手求助背景圖片添加問題_html/css_WEB-ITnose 新手求關(guān)于html表單元素的動(dòng)態(tài)變化_html/css_WEB-ITnose 瀏覽器中亂碼_html/css_WEB-ITnose 新手div的嵌套不會(huì)排列整齊_html/css_WEB-ITnose 新手問問題,html頁面的動(dòng)態(tài)數(shù)據(jù)是從哪里獲取的_html/css_WEB-ITnose 新手求CSS取消浮動(dòng)問題,在線等_html/css_WEB-ITnose 北京交通違章查詢網(wǎng)站_html/css_WEB-ITnose 新手求助,頁面居中問題_html/css_WEB-ITnose 新手問個(gè)問題_html/css_WEB-ITnose 新手問,像這樣用div做好還是dldtdd做好_html/css_WEB-ITnose
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

瀏覽器內(nèi)核信息整理

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 15:51:59
文檔

瀏覽器內(nèi)核信息整理

瀏覽器內(nèi)核信息整理:21世紀(jì),瀏覽器雜七雜八,足以讓你眼花繚亂。我們在做頁面兼容性測試的時(shí)候,面對(duì)眾多的瀏覽器該如何調(diào)試我們的web頁面?其實(shí),如果你了解了瀏覽器的內(nèi)核,那么就不會(huì)覺得頭疼。因?yàn)樗鼈兊膬?nèi)核并不是和他的數(shù)量一樣那么多,常見的幾類內(nèi)核可以歸為:Tride
推薦度:
導(dǎo)讀瀏覽器內(nèi)核信息整理:21世紀(jì),瀏覽器雜七雜八,足以讓你眼花繚亂。我們在做頁面兼容性測試的時(shí)候,面對(duì)眾多的瀏覽器該如何調(diào)試我們的web頁面?其實(shí),如果你了解了瀏覽器的內(nèi)核,那么就不會(huì)覺得頭疼。因?yàn)樗鼈兊膬?nèi)核并不是和他的數(shù)量一樣那么多,常見的幾類內(nèi)核可以歸為:Tride

21世紀(jì),瀏覽器雜七雜八,足以讓你眼花繚亂。我們在做頁面兼容性測試的時(shí)候,面對(duì)眾多的瀏覽器該如何調(diào)試我們的web頁面?其實(shí),如果你了解了瀏覽器的內(nèi)核,那么就不會(huì)覺得頭疼。因?yàn)樗鼈兊膬?nèi)核并不是和他的數(shù)量一樣那么多,常見的幾類內(nèi)核可以歸為:Trident、Gecko、WebKit、Presto 四種。

至于眾多的瀏覽器,他們只不過是:{不同瀏覽器的外殼+內(nèi)核=瀏覽器}。外殼指的是瀏覽器界面上的菜單,工具欄,那些讓用戶操作的。而他們都是調(diào)用內(nèi)核來實(shí)現(xiàn)各種功能,可見內(nèi)核才是瀏覽器的核心。所以,我們只要了解一款瀏覽器的核心引擎是什么,然后就可以對(duì)其進(jìn)行兼容性測試,不會(huì)覺得無從下手。

瀏覽器的內(nèi)核又可以分為:渲染引擎和js引擎:

渲染引擎:layout engineer或者Rendering Engine,它們負(fù)責(zé)頁面內(nèi)容的解析和渲染,也就是訪問一個(gè)網(wǎng)站,從頁面空白到頁面加載完成,頁面有樸實(shí)到排版完整的過程。它會(huì)解析頁面的標(biāo)簽,載入css,然后計(jì)算頁面顯示方式。這理解是有不同的瀏覽器內(nèi)核,他們對(duì)網(wǎng)頁的詞法的解析也有所不同,所以就出現(xiàn)了顯示差異,就是我們前端開發(fā)這頭疼的兼容性問題。

js引擎:對(duì)頁面腳本(javascript)語言的解析,實(shí)現(xiàn)頁面一些動(dòng)態(tài)效果。

四種內(nèi)核的簡介:

1、Trident:微軟開發(fā)的引擎,其產(chǎn)品IE產(chǎn)品都是它驅(qū)動(dòng),也有很多其他瀏覽器也用它做內(nèi)核。因?yàn)槲④沬e一直是老大地位,有點(diǎn)自我發(fā)展,對(duì)w3c的標(biāo)準(zhǔn)支持沒那么好。存在不少bug,最初更新很少,導(dǎo)致ie5+,ie6等萬惡的瀏覽器存在,讓不少前端開發(fā)經(jīng)驗(yàn)不多的同學(xué)無比的鄙視之!不錯(cuò)從ie8+開始,ie又慢慢的強(qiáng)大起來了,期待ie10...

2、Gecko:開源的渲染引擎,有C++編寫,功能強(qiáng)大,功能強(qiáng)大、豐富,可以支持很多復(fù)雜網(wǎng)頁效果和瀏覽器擴(kuò)展接口,FireFox就是代表,對(duì)w3c標(biāo)準(zhǔn)支持很好,開發(fā)和調(diào)試都很強(qiáng)大,就是啟動(dòng)速度不太給力;

3、WebKit:蘋果公司基于KHTML開發(fā)的,對(duì)網(wǎng)頁的解析比較快,僅此于Presto,但是容錯(cuò)比較差,不標(biāo)準(zhǔn)的網(wǎng)頁無法正常顯示。用它做核心開發(fā)的瀏覽器代表是Safari,Chrome;

4、Presto:Opera Software公司開始的,是被大家公認(rèn)為最快的渲染引擎。處理JS腳本等腳本語言時(shí),會(huì)比其他的內(nèi)核快3倍左右,但是快也存在一些問題,就是丟掉了一些網(wǎng)頁兼容性;

現(xiàn)在,估計(jì)你對(duì)瀏覽器有一定的認(rèn)識(shí),對(duì)你以后做瀏覽器兼容問題應(yīng)該有所幫助。不同的內(nèi)核就有不同的渲染引擎,對(duì)頁面的解析也有所不同,這就是造成頁面差異的原因。但是如果我們在布局的時(shí)候,盡量用精簡的html結(jié)構(gòu),合理的配合使用css,就可以大大的減少兼容行問題,從而加快我們的開發(fā)效率。

相關(guān)文章:

主流瀏覽器內(nèi)核及JS引擎

瀏覽器內(nèi)核總結(jié)

php獲取瀏覽器內(nèi)核版本

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com

文檔

瀏覽器內(nèi)核信息整理

瀏覽器內(nèi)核信息整理:21世紀(jì),瀏覽器雜七雜八,足以讓你眼花繚亂。我們在做頁面兼容性測試的時(shí)候,面對(duì)眾多的瀏覽器該如何調(diào)試我們的web頁面?其實(shí),如果你了解了瀏覽器的內(nèi)核,那么就不會(huì)覺得頭疼。因?yàn)樗鼈兊膬?nèi)核并不是和他的數(shù)量一樣那么多,常見的幾類內(nèi)核可以歸為:Tride
推薦度:
標(biāo)簽: 整理 瀏覽器 內(nèi)核
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題瀏覽器喚起應(yīng)用專題瀏覽器源文件專題瀏覽器小程序?qū)n}小程序?yàn)g覽器專題瀏覽內(nèi)核專題測試瀏覽器內(nèi)核版本專題360安全瀏覽器 內(nèi)核專題ei內(nèi)核瀏覽器專題linux瀏覽器內(nèi)核專題tbs瀏覽器內(nèi)核專題uos瀏覽器內(nèi)核專題主要瀏覽器內(nèi)核專題電腦瀏覽器怎么切換內(nèi)核專題360極速瀏覽器 內(nèi)核專題95內(nèi)核瀏覽器專題星愿瀏覽器內(nèi)核專題kiwi瀏覽器內(nèi)核專題瀏覽器內(nèi)核注入專題下載內(nèi)核瀏覽器專題win10內(nèi)核瀏覽器專題
Top