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