win10系統(tǒng)下360瀏覽器網(wǎng)頁(yè)顯示不正常怎么辦?這是最近不少朋友都向小編咨詢(xún)的問(wèn)題。他們表示若干頁(yè)面在360的瀏覽器上顯示不正常,可是在其他的瀏覽器上卻都是正常狀態(tài)。那么,問(wèn)題到底出在哪?下面,系統(tǒng)城小編就針對(duì)此問(wèn)題做下分析,希望對(duì)大家有所幫助。
引言: 在Web應(yīng)用的開(kāi)發(fā)過(guò)程中,發(fā)現(xiàn)若干頁(yè)面在360的瀏覽器上顯示不正常,而在其他的瀏覽器上,皆為正常狀態(tài),問(wèn)題出在哪里呢?
問(wèn)題的提出:
Web頁(yè)面在360的瀏覽器上,顯示不正確。 但是在Firefox、chrome和IE8+以上的瀏覽器上,都是顯示正常的。
問(wèn)題的分析:
1. 檢查了一些Javascript框架,標(biāo)準(zhǔn)的jquery類(lèi)庫(kù)1.x系列,確認(rèn)其工作正常,問(wèn)題不是在于Javascript方面。
2. 排查掉HTML標(biāo)簽內(nèi)容的顯示 問(wèn)題。
3. 懷疑是CSS在不同瀏覽器下的兼容性問(wèn)題,見(jiàn)過(guò)排查,沒(méi)有發(fā)現(xiàn)問(wèn)題。
4. 排查360瀏覽器,發(fā)現(xiàn)其在當(dāng)前頁(yè)面的顯示中,默認(rèn)使用了IE7的渲染引擎。同時(shí),在IE7的環(huán)境下,重現(xiàn)了類(lèi)似情況。
5. 本質(zhì)上,這個(gè)顯示問(wèn)題是頁(yè)面在IE7下面的兼容性顯示問(wèn)題。
關(guān)于360瀏覽器或搜狗瀏覽器的分析:
對(duì)于此類(lèi)瀏覽器,有時(shí)候號(hào)稱(chēng)雙核或者N核的高速瀏覽器,其本質(zhì)上就是本地IE瀏覽器的殼子,外加Chrome抑或Firefox的內(nèi)核,大部分情況下都是WebKit系列內(nèi)核。
那么,此類(lèi)瀏覽器依據(jù)什么信息,來(lái)判斷頁(yè)面的渲染模式呢?答案就是可以指令運(yùn)行當(dāng)前頁(yè)面的瀏覽器使用何種渲染引擎的聲明。
這里,就是指令瀏覽器至少要使用IE8以上的渲染引擎來(lái),渲染頁(yè)面,從而規(guī)避掉IE7下的問(wèn)題。
關(guān)于Doctype
聲明必須是 HTML 文檔的第一行,位于標(biāo)簽之前。
聲明不是 HTML 標(biāo)簽;它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令。
在 HTML 4.01 中, 聲明引用 DTD,因?yàn)?HTML 4.01 基于 SGML。DTD 規(guī)定了標(biāo)記語(yǔ)言的規(guī)則,這樣瀏覽器才能正確地呈現(xiàn)內(nèi)容。
分析: doctype所要解決的就是使用何種HTML的語(yǔ)法解析器和渲染器。比如特定HTML標(biāo)簽的使用,則依賴(lài)于HTML Doctype的使用。
win10系統(tǒng)下360瀏覽器網(wǎng)頁(yè)顯示不正常的解決方法就為大家介紹到這里了。遇到類(lèi)似問(wèn)題的朋友們,不必太過(guò)緊張,只要參考下本教程就可以了。