您現在的位置是:電腦技術吧?>? 故障問題 ??>??手機瀏覽器兼容模式,瀏覽器模式??>??正文詳情

手機瀏覽器兼容模式,瀏覽器模式

雷天心2019-11-18 05:40:34 人圍觀
簡介百度瀏覽器怎么設置兼容模式有時由于瀏覽器的問題,我們在IE7中開發的東西需要在IE9中顯示,但是會有兼容性問題。然后,我們可以使用相同的技術強制客戶端瀏覽器以IE7文檔模式顯

有時候由于瀏覽器的問題我們在IE7中開發的東西需要在IE9中展示但是會出現兼容性的問題。

那么我們可以同技巧將用戶端的瀏覽器強行以IE7的文檔模式展示我們的網頁下面是針對iis asp.net程序來說的!1.在每個需要加的頁面中添加head runat=server id=Head1 meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 / title %= ConfigurationSettings.AppSettings[SystemTitle]% /title但是你想頁面一多的情況下 那就蛋疼了。

直接在iss中配置web.cinfig中也需要配置system.webServerhttpProtocolcustomHeadersclear/add name=X-UA-Compatible value=IE=EmulateIE7//customHeaders/httpProtocol/system.webServer文件兼容性用于定義讓IE如何編譯你的網頁。

此文件解釋文件兼容性,如何指定你網站的文件兼容性模式以及如何判斷一個網頁該使用的文件模式。

前言為了幫助確保你的網頁在所有未來的IE版本都有一致的外觀,IE8引入了文件兼容性。

在IE6中引入一個增設的兼容性模式,文件兼容性使你能夠在IE呈現你的網頁時選擇特定編譯模式。

新的IE為了確保網頁在未來的版本中都有一支的外觀,IE8引入了文件兼容性。

當你引入一個增設的兼容性模式,此文章說明文件兼容性的必要性,列出現有版本IE能使用的文件兼容性模式并示范如何選擇特定的兼容性模式。

了解文件兼容性的必要性每個主要版本IE新增的功能都是為了讓瀏覽器更容易使用、增加安全性及更支持業界標準。

以這些作為IE的特色,其中一個風險就是舊版本網站無法正確的顯示。

為了將這個風險降到最低,IE6允許網頁開發人員選擇IE編譯和顯示他們網頁的方式。

Quirks mode為預設,這會使頁面以舊版本瀏覽器的視點顯示,Standards mode(也稱為strict mode)特點是支持業界標準最為完善。

然而要利用這個增強的支持功能,網頁必須包含恰當的!DOCTYPE指令。

若一個網頁沒有包含!DOCTYPE指令,IE6會將它以quirks mode顯示。

若網頁包含有效的!DOCTYPE指令但瀏覽器無法辨識,IE6會將它以IE6 standards mode顯示。

因為少數網站已經包含!DOCTYPE指令,兼容性模式的切換相當成功。

這使網頁開發人員能選擇將他們的網頁轉移為standards mode的最佳時機。

隨著時間經過,更多網站開始使用standards mode。

它們也開始使用IE6的特性和功能來檢測IE。

舉例來說,IE6不支持universal selector(即css之全局選擇器 * {}),一些網站便使用它來針對IE做特定的對應。

當 IE7增加了對全域選擇器的支持,那些依賴IE6特點的網站便無法偵測出這個新版本的瀏覽器。

因此那些針對IE的特定對應無法應用于IE7,造成這些網站便無法如他們預期的顯示。

由于!DOCTYPE只支持兩種兼容性模式,受到影響的網站擁有者被迫更新他們的網站使其能支持IE7。

IE8 比之前的任何版本瀏覽器都更支持業界標準,因此針對舊版本瀏覽器設計的網頁可能無法如預期般呈現。

為了幫助減輕所有問題,IE8引入文件兼容性的概念,使你能選擇你的網頁設計要對應的特定IE版本。

文件兼容性在IE8增加了一些新的模式,這些模式能告訴瀏覽器如何解析和編譯一個網頁。

若你的網頁無法在 ie8正確的顯示,你可以更新你的網站使它支持最新的網頁標準(優先選項)或在你的頁面上新增一個meta元素用于告訴IE8如何依照舊版本瀏覽器編譯你的頁面。

這能讓你選擇將你的網站更新支持IE8新特點的時機。

認識文件兼容性模式IE8支持幾種文件兼容性模式,它們具有不同的特性并影響內容顯示的方式。

Emulate IE8 mode指示IE使用!DOCTYPE指令來決定如何編譯內容。

Standards mode指令會顯示成IE8 Standards mode而quirks mode會顯示成IE5 mode。

不同于IE8 mode,Emulate IE8 mode重視!DOCTYPE指令。

Emulate IE7 mode指示IE使用!DOCTYPE指令來決定如何編譯內容。

Standards mode指令會顯示成IE7 Standards mode而quirks mode會顯示成IE5 mode。

不同于IE7 mode,Emulate IE7 mode重視!DOCTYPE指令。

對于許多網頁來說這是最推薦的兼容性模式。

IE5 mode 編譯內容如同IE7的quirks mode之顯示狀況,和IE5中顯示的非常類似。

IE7 mode編譯內容如同IE7的standards mode之顯示狀況,無論網頁是否含有!DOCTYPE指令。

IE8 mode提供對業界標準的最高支持,包含 W3C Cascading Style Sheets Level 2.1 Specification和W3C Selectors API,并有限的支持 W3C Cascading Style Sheets Level 3 Specification (Working Draft)。

Edge mode指示IE以目前可用的最高模式顯示內容。

當使用IE8時其等同于IE8 mode。

若(假定)未來放出支持更高兼容性模式的IE,使用Edge mode的頁面會使用該版本能支持的最高模式來顯示內容。

同樣的那些頁面在使用IE8瀏覽時仍會照常顯示。

由于edge mode使用該IE版本所能支持的最高模式來顯示所瀏覽的網頁內容,建議僅使用于測試頁及其他非商用頁面。

指定文件兼容性模式要為你的網頁指定文件模式,需要在你的網頁中使用meta元素放入X-UA-Compatible http-equiv 標頭。

以下是指定為Emulate IE7 mode 兼容性之范例。

htmlhead!-- Mimic Internet Explorer 7 --meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /titleMy Web Page/title/headbodypContent goes here./p/body/html其內容隨著指定的頁面模式而更改,當要模擬IE7時,指定IE=EmulateIE7,指定IE=5, IE=7, 或IE=8來選擇其中一種兼容性模式。

你也可以指定IE=edge來指示IE8使用它支持的最高模式。

X-UA-compatible標頭沒有大小寫之分。

然而除了title元素及其他的meta元素之外,它必須出現在網頁header節其它元素之前的位置,設定網站服務器以指定預設兼容性模式網站管理員可籍著為網站定義一個自訂標頭來為他們的網站預設一個特定的文件兼容性模式。

這個特定的方法取決于你的網站服務器。

舉例來說,下列的 web.config文件使Microsoft Internet Information Services (IIS)能定義一個自訂標頭以自動使用IE7 mode來編譯所有網頁。

?xml version=1.0 encoding=utf-8?configurationsystem.webServerhttpProtocolcustomHeadersclear /add name=X-UA-Compatible value=IE=EmulateIE7 //customHeaders/httpProtocol/system.webServer/configuration若你已于網站服務器指定了一個預設的文件兼容性模式,你可以在個別頁面上指定不同的文件兼容性模式來蓋過它。

在網頁中指定的模式優先權高于服務器中所指定的模式。

請查閱你的網站服務器關于指定自訂標頭的資訊,或看更多資料:Implementing the META Switch on ApacheImplementing the META Switch on IIS判定文件兼容性模式要判定網頁使用IE8瀏覽時的文件兼容性模式,使用document object(文檔對象)的documentMode功能。

例如在IE8的網址列輸入下列程式碼會顯示目前頁面的文件模式。

javascript:alert(document.documentMode);documentMode功能會回傳一個數值對應目前頁面的文件兼容性模式,舉例來說,若網頁指定為支持IE8模式,documentMode便會回傳值8。

在IE6引入的compatMode功能不支持在IE8引入的documentMode功能。

目前使用compatMode建立的應用程式還能在IE8中作用,但它們必須更新為使用documentMode。

若你希望使用JavaScript判定一個文件的兼容性模式,引入下面范例的這段程式碼可支持舊版本的IE。

engine = null;if (window.navigator.appName == Microsoft Internet Explorer){// This is an IE browser. What mode is the engine in? if (document.documentMode) // IE8 engine = document.documentMode;else // IE 5-7 {engine = 5; // Assume quirks mode unless proven otherwise if (document.compatMode){if (document.compatMode == CSS1Compat)engine = 7; // standards mode }}// the engine variable now contains the document compatibility mode.}認識內容屬性值內容屬性值在接收到異于先前敘述的數值時是具有彈性的。

這能使你對于IE如何顯示你的網頁更有操控性。

舉例來說,你可以設定內容屬性值為IE=7.5。

當你這樣做的時候,IE嘗試將這個值轉換為version vector并選擇最接近的結果。

在這個例子中,IE會將其設定為IE7 mode。

下面的范例顯示該模式設定為其他值的狀況。

meta http-equiv=X-UA-Compatible content=IE=4 !-- IE5 mode --meta http-equiv=X-UA-Compatible content=IE=7.5 !-- IE7 mode --meta http-equiv=X-UA-Compatible content=IE=100 !-- IE8 mode --meta http-equiv=X-UA-Compatible content=IE=a !-- IE5 mode --!-- This header mimics Internet Explorer 7 and uses!DOCTYPE to determine how to display the Web page --meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 注意: 前面的范例顯示單獨的內容值。

實際上IE只會執行網頁中第一個X-UA-Compatible標頭。

你也可以使用內容屬性來指定復數的文件兼容性模式,這能幫助確保你的網頁在未來的瀏覽器版本都能一致的顯示。

欲設定復數的文件模式,請設定內容屬性以判別你想使用的模式。

使用分號來分開各個模式。

如果一個特定版本的IE支持所要求的兼容性模式多于一種,將?用列于標頭內容屬性中最高的可用模式。

你可以使用這個特性來排除特定的兼容性模式,雖然并不推薦這樣做。

舉例來說,下列標頭即會排除IE7 mode。

meta http-equiv=X-UA-Compatible content=IE=5; IE=8 /結論兼容性對于網頁設計師來說是非常重要的顧慮。

雖然最好是可以建立一個完全不需依賴任何網頁瀏覽器特性或功能的網站,有時候這是不可能實現的。

文件兼容性模式便能將網頁限制在某個特定版本的IE中。

使用X-UA-Compatible標頭來指定你的頁面支持的IE版本。

使用document.documentMode判定頁面的兼容性模式。

選擇支持某個特定版本的IE,你可以確保你的頁面在未來的瀏覽器版本中也能有顯示的一致

版權聲明:本文由 雷天心 整理編輯。

原標題:如何切換瀏覽器模式,ie瀏覽器設置極速模式

轉載注明出處:http://www.dn9ww09s.icu/fault/13405.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 完美解碼怎么用,完美解碼有什么用

    完美解碼怎么用,完美解碼有什么用 相關圖片專用播放器完美解碼是一個功能強大的回放工具。它支持主流視頻格式的回放。可以說是專門為播放高清而設計的。完美的解碼,你幾乎不需要其他玩家。那么,如何使用完美的解碼呢...

  • d3dcompiler47dll丟失,d3dx943dll安裝到哪里

    d3dcompiler47dll丟失,d3dx943dll安裝到哪里 相關圖片計算機丟失d3x9_43dllD3dx9.dll是Microsoft操作系統中的一個組件配置文件。當用戶運行程序或游戲時,有時會出現缺少d3dx9.dll的錯誤報告,程序或游戲無法正常運行。d3dx9_43安裝后會...

  • css鼠標懸停效果,鼠標懸停不動的css

    css鼠標懸停效果,鼠標懸停不動的css 相關圖片html鼠標懸停本文通過一個實例說明了CSS中的層提示的滑出方法。與您分享以供參考。具體分析如下:這是一個簡單的鼠標懸停提示效果,類似于ALT標簽,但是這個是用純CSS實現的,css鼠...

  • 桌面有一個圖標刪不掉,桌面上的圖標怎么刪除

    桌面有一個圖標刪不掉,桌面上的圖標怎么刪除 相關圖片手機桌面圖標刪不掉有些用戶在電腦桌面上看到自己沒有添加的圖標,怎么能不刪除呢?我們該怎么辦?讓我們看看桌面無法刪除圖標1的解決方案。右鍵單擊桌面空白-屬性桌面-自定義...

  • 讓人流連忘返的,這是一個讓人流連忘返

    讓人流連忘返的,這是一個讓人流連忘返 相關圖片讓我們流連忘返網頁設計師總能以各種方式設計出令人驚嘆的細節,讓用戶難忘。特別是在頁眉部分,設計師的創意、光環、感受和力量將在簡單的設計技巧下呈現在用戶面前。網頁頁...

  • 自拍照打馬賽克后別人能用嗎,潮自拍怎么打馬賽克

    自拍照打馬賽克后別人能用嗎,潮自拍怎么打馬賽克 相關圖片打馬賽克超自拍是一款非常專業的攝影美化軟件。用戶最想知道的是超自拍是否可以制作馬賽克?如何拍一張超自拍的照片?現在,超人軟件編輯將為大家介紹超人的相關內容,希望大...

  • 完美解碼者,完美解碼有什么用

    完美解碼者,完美解碼有什么用 相關圖片完美解碼 安卓很多用戶在選擇視頻播放器時會推薦完美的解碼。完美解碼是一款功能強大的視頻播放器,集視頻播放和編解碼于一體。它適用于當前各種流媒體格式。它是一個全方位的...

  • 分頁,如何分頁

    分頁,如何分頁 相關圖片表格分頁這是我第一次學習PHP時編寫的PHP分頁函數。當時,我對PHP模板技術并不熟悉。通常使用兩個函數,即刪除HTML代碼pregstring()的函數和通過獲取字符自動分頁...

  • 字幕文件如何打開,字幕是什么文件

    字幕文件如何打開,字幕是什么文件 相關圖片ssa字幕文件如何使用有時候我們下載高清電影的片源,卻沒有內置字幕,看不懂語言的電影,更別說有多郁悶了。此時,可以使用外部字幕來解決此問題。讓我們看看如何使用小編的字...

  • 怎么使用超鏈接,超鏈接制作

    怎么使用超鏈接,超鏈接制作 相關圖片圖片超鏈接制作教程要使用Dreamweaver制作網頁,您需要安裝制作Dreamweaver網頁所需的工具。你可以從官方網站下載。第一步是打開Dreamweaver工具;然后,在設置超鏈接...

熱評文章

  • cue文件怎么用,cue文件

    cue文件怎么用,cue文件 相關圖片cue文件怎么播放提示文件是計算機中不常見的文件格式。因此,有許多小朋友不知道如何編輯提示文件和如何打開提示文件。現在,超人軟件將為您帶來提示文件的相關內容。希望你喜...

  • cad如何繪制虛線,word畫虛線

    cad如何繪制虛線,word畫虛線 相關圖片畫虛線煙花中有虛線:三虛線、粗虛線、雙虛線、基本虛線、實虛線和虛線在網頁設計中,我通常使用真正的邊虛線。因為它類似于CSS中的停靠和虛線兩個參數。制作網頁時,不需要虛...

  • 電腦拍大師使用教程,手機版拍大師怎么用

    電腦拍大師使用教程,手機版拍大師怎么用 相關圖片拍大師使用教程視頻《攝影大師》是艾派旗下一款簡單而強大的視頻創作軟件。用戶可以使用master photograph創建動態相冊、創意視頻、GIF聊天表情等。那么,如何使用mas拍大師轉場怎么用...

  • vs代碼提示功能設置,editplus代碼提示功能

    vs代碼提示功能設置,editplus代碼提示功能 相關圖片pycharm代碼提示功能使用像Dreamweaver這樣的可視化ide工具編程的最大好處之一是它的代碼提示功能。只要輸入幾個字符,IDE工具就會智能地為您提供一系列可選的函數或變量,輸vba代碼提...

  • runtime error怎么修復,游戲 runtime error

    runtime error怎么修復,游戲 runtime error 相關圖片軟件出現runtime error我相信我的許多朋友在使用計算機時都遇到了運行時錯誤對話框的提示。你知道如何解決運行時錯誤嗎?什么是運行時錯誤?下一個,超級電腦出現runtimeerror...

  • c證有什么用,怎么用c

    c證有什么用,怎么用c 相關圖片2cUse. Netversion 1 | 2 | 3 | 3.5 to create console applications in any version ofc ...

  • word進去安全模式,word進入安全模式怎么辦

    word進去安全模式,word進入安全模式怎么辦 相關圖片word2003安全模式近日,不少word用戶和朋友反映,打開word后,系統出現word問題,需要關閉。對于給您帶來的不便,我們深表歉意。暗示。那么,文字安全模式有什么影響呢?文字安word文...

  • win7update需要更新嗎,window7配置update失敗

    win7update需要更新嗎,window7配置update失敗 相關圖片win7還原更改怎么跳過當我們使用win7時,電腦右下角經常會有關于windows更新的提示,強迫癥很煩人。windows更新意味著什么?我能把它關掉嗎?在Windows 7中win7配置更新100%不動...

  • 設計師的基本要求,平面設計的基本原則

    設計師的基本要求,平面設計的基本原則 相關圖片可持續發展原則對設計師的要求基于Joshua Porter總結的優秀UI設計原則,tiah重新編排并添加了圖形解釋,以便于理解kuyou清晰的界面是UI設計的第一步。要讓用戶喜歡你的用戶界室內設計的...

  • 完美解碼播放器手機版,播放器播放器

    完美解碼播放器手機版,播放器播放器 相關圖片完美解碼播放設置完美解碼播放器的一個特點是其強大的解碼能力和自己定制的解碼模式。那么,如何設置完美解碼播放器的解碼模式呢?一。解碼方案設置步驟:1。退出完美解碼播放...

關注微信

变脸官网查询