摘要:背景實習(xí)期間開發(fā)了一套頁面,兼容到,可是在給產(chǎn)品體驗時,他的瀏覽器默認(rèn)解析到了文檔模式,出現(xiàn)了頁面的兼容性問題。解決方法一般出現(xiàn)默認(rèn)瀏覽器模式不對的根本原因都是某些標(biāo)簽不對勁,可以用刪除一些標(biāo)簽來定位。
背景:實習(xí)期間開發(fā)了一套頁面,兼容到IE8+,可是在給產(chǎn)品體驗時,他的QQ瀏覽器默認(rèn)解析到了文檔模式IE7,出現(xiàn)了頁面的兼容性問題。
問題排查:QQ瀏覽器目前有兩個模式,極速模式和兼容模式,其中極速模式用的Chrome內(nèi)核,兼容模式適合只支持IE的網(wǎng)站。首先查看了QQ瀏覽器的版本,發(fā)現(xiàn)是9.4.2,而且兼容模式下用的是IE9的內(nèi)核,覺得很奇怪,頁面在IE8及以上是兼容的啊,為什么會出現(xiàn)問題?后來F12開發(fā)者模式發(fā)現(xiàn)產(chǎn)品那邊瀏覽器的文檔模式自動解析到了IE7,因此出現(xiàn)了兼容性的問題,而且這個問題不易發(fā)現(xiàn)。
解決方法:一般出現(xiàn)默認(rèn)瀏覽器模式不對的根本原因都是某些標(biāo)簽不對勁,可以用刪除一些標(biāo)簽來定位。
后來分析加上上面這一段就能解決,這一段的具體含義是:這是IE8的專用標(biāo)記,用來指定IE8瀏覽器去模擬某個特定版本的IE瀏覽器的渲染方式,以此來解決部分兼容問題。上面是模擬chrome,通過查資料還知道并不是微軟增強(qiáng)了IE,而是谷歌做了個外掛,即Google Chrome Frame(谷歌內(nèi)嵌瀏覽器框架GCF),這個插件可以讓用戶的IE瀏覽器外不變,但用戶在瀏覽網(wǎng)頁時,實際上使用的是Google Chrome瀏覽器內(nèi)核,而且支持IE6、7、8等多個版本的IE瀏覽器。
還有模擬IE7的方式如下:
1.頁面頭部加入meta標(biāo)記,有兩種寫法:
(1)如果加上如下meta標(biāo)記,如果安裝了GCF,則指定頁面使用chrome內(nèi)核來渲染。
< meta http-equiv = "X-UA-Compatible" content = "chrome=1">
(2)如果加上如下meta標(biāo)記,達(dá)到的效果是如果安裝了GCF,則使用GCF來渲染頁面,如果未安裝GCF,則使用最高版本的IE內(nèi)核進(jìn)行渲染。
2.通過修改HTTP頭文件的方法來實現(xiàn)指定的頁面使用GCF內(nèi)核進(jìn)行渲染。具體方法不再詳述。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/50054.html
摘要:三創(chuàng)建時發(fā)現(xiàn)這么一句話,不知其什么意思,百度如下這樣寫可以達(dá)到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內(nèi)核進(jìn)行渲染。 在網(wǎng)站開發(fā)中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:三創(chuàng)建時發(fā)現(xiàn)這么一句話,不知其什么意思,百度如下這樣寫可以達(dá)到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內(nèi)核進(jìn)行渲染。 在網(wǎng)站開發(fā)中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:三創(chuàng)建時發(fā)現(xiàn)這么一句話,不知其什么意思,百度如下這樣寫可以達(dá)到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內(nèi)核進(jìn)行渲染。 在網(wǎng)站開發(fā)中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
摘要:三創(chuàng)建時發(fā)現(xiàn)這么一句話,不知其什么意思,百度如下這樣寫可以達(dá)到的效果是如果安裝了,則使用來渲染頁面,如果沒安裝,則使用最高版本的內(nèi)核進(jìn)行渲染。 在網(wǎng)站開發(fā)中不免因為各種兼容問題苦惱,針對兼容問題,其實IE給出了解決方案Google也給出了解決方案百度也應(yīng)用了這種方案去解決IE的兼容問題 百度源代碼如下 ; 百度一下,你就知道 var wpo={start:new Date*1...
閱讀 3070·2021-10-12 10:12
閱讀 1577·2021-09-09 11:39
閱讀 1907·2019-08-30 15:44
閱讀 2349·2019-08-29 15:23
閱讀 2903·2019-08-29 15:18
閱讀 2971·2019-08-29 13:02
閱讀 2696·2019-08-26 18:36
閱讀 744·2019-08-26 12:08