ie相容問題,按F12重新整理頁面才正常顯示

2021-10-08 02:35:22 字數 971 閱讀 3812

問題描述:

專案要求相容 ie9,開發的時候一直使用win10自帶的ie11中的控制台降版本到ie9去開發,開發的時候一直顯示都沒問題。今天測試的時候,測試小姐姐用真正的ie9去開啟發現如下問題:

(1)開啟頁面後部分功能無法實現;

(2)按f12開啟控制台後,再重新整理頁面就能恢復正常;

(3)使用其他的瀏覽器比如chrome後就沒有問題;

原因分析:

ie8 / 9 上在不開啟除錯工具的情況下window 上是沒有 console 這個屬性的!在開啟除錯工具的時候會給 window 再掛載上 console 屬性,所以需要相容 console 。

解決方法:使用相容寫法

(function() ;

var methods = [

'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',

'exception', 'group', 'groupcollapsed', 'groupend', 'info', 'log',

'marktimeline', 'profile', 'profileend', 'table', 'time', 'timeend',

'timeline', 'timelineend', 'timestamp', 'trace', 'warn'

];var length = methods.length;

var console = (window.console = window.console || {});

while (length--)

}}());

// 注:經驗證在ie7/8/9下有效。

雖然ie11能在控制台中進行降版本模擬低版本的ie,但這種模擬並不完整,總有一些意想不到的小問題出現。如果需要開發相容低版本瀏覽器的**,最好使用真正的低版本ie。(可以在虛擬機上安裝win7系統,win7自帶ie8)

ie相容問題

是html5的宣告,主流的遊覽器中只有ie8及以下版本不支援,這樣ie會進入quirks模式。但之後的宣告可以強制指定ie的呈現模式,所以宣告對ie就無影響。html5並沒有xhtml那麼嚴格,對於一般的xhtml頁面,基本都不通完全通過w3c驗證標準,而改為html5宣告後基本都能過。複製 如下 ...

IE相容問題

一行 輕鬆搞定各種ie相容問題,ie6,ie7,ie8,ie9,ie10 trigkit4 content ie emulateie7 在這裡送上幾種ie使用模式 1.強制使用ie5模式來解析 content ie 5 2.強制使用ie6模式來解析 content ie 6 3.強制使用ie7模式來...

IE相容問題

今天入了乙個坑 別叫我相容ie,垃圾ie 問題是這樣的,我從乙個頁面通過檢視詳細跳到另乙個頁面,而另乙個頁面展示這個資料項的詳情,調整使用url調整,通過sessionlocation來傳值,專案使用的是vue,只是直接在html中引入。但是點選沒有被禁用的select選擇框或者向輸入框輸入文字的時...