當瀏覽器是ie11以前版本的,跳轉到ie公升級頁

2021-09-29 08:39:40 字數 1726 閱讀 6871

國產瀏覽器大多是雙核心,甚至是三核心。 

乙個chromium核心,也就是chrome使用的核心,切換到這個核心的模式一般叫極速模式; 

乙個ie核心,稱之為ie模式; 

有的甚至還有乙個修改過的ie核心,稱之為相容模式

這些瀏覽器這樣做的原因是國內還有大量為ie瀏覽器量身定做的**,為了相容這些**,不預設啟用極速模式,而是根據**判斷選擇ie模式或者相容模式或者極速模式。

問題在於,瀏覽器自動選擇經常判斷錯誤,導致本來使用webkit可以獲得更好瀏覽效果的**錯誤在ie模式中帶著bug執行。真是讓開發者頭疼。

幸好,現在多核瀏覽器已經支援通過meta標籤指定瀏覽模式,那麼,我們就可以通過meta**強制瀏覽器啟用chromium核心,為使用者提供最好的使用體驗。

因為瀏覽器核心決定了html/css/js**的執行環境,所以我們需要把規定核心的**新增在所有**前面。

在頭部開始標籤下(是後面,不是後面)新增如下**:

如上所述,在 標籤後新增規定瀏覽器核心的meta**即可完成強制瀏覽器在webkit核心環境下開啟**,為使用者提供chrome幾乎一樣的訪問效果。

你可以會奇怪,為什麼有三行**?是的,沒錯,就是三行。這三行**分別作用於不同環境,如下所述:

強制chromium核心,作用於360瀏覽器、qq瀏覽器等國產雙核瀏覽器:

強制chromium核心,作用於其他雙核瀏覽器:

如果有安裝 google chrome frame 外掛程式則強制為chromium核心,否則強制本機支援的最高版本ie核心,作用於ie瀏覽器:

新增好強制webkit核心的**,使用國產瀏覽器訪問**已經不存在ie相容問題了,ie訪客量將大大減少。但仍然不可避免會有一些老舊電腦通過低版本ie瀏覽器訪問,如果我們專門為了這極小部分使用者進行 css hack ,將嚴重加重我們的工作量。

更何況自2023年1月起微軟已經停止為ie11以下版本提供支援和更新,已經這麼久沒有更新,低版本ie不僅對css3和html5支援有問題,更有安全問題。

那麼,我們不去支援低版本ie,這小部分使用者怎麼辦呢?

我們可以使用 if ie 語句給**新增ie公升級提示,提示使用者進行瀏覽器公升級,或者切換更先進的瀏覽器再訪問。

我們可以在剛剛的meta標籤下新增一段跳轉到ie公升級提示頁的**(當ie版本低於ie11時跳轉),實現低版本ie使用者訪問時提示他們進行公升級或者更換瀏覽器。

強制webkit核心和提示低版本ie訪問使用者公升級完整**如下所示,把這段**新增到頭部模板檔案 標籤下即可:

@cc_on, 支援ie11以前瀏覽器解釋,即ie11以前跳轉到ie公升級頁

(@cc_on 是 ie10 及更舊版ie特有的條件編譯語句,因此可以用來判斷是否除 ie11 以外的其他ie版本。) 

因為低版本ie訪問時因為不相容css3和html5**往往是錯版的,新增了上面這段**,當低版本ie使用者訪問時就會跳轉到公升級提示頁,避免不必要的資源載入,降低**伺服器開銷。

// ie8以下自動跳轉公升級瀏覽器

識別IE11瀏覽器

現在俺們做的系統十分高大上,用ie的話非要上ie11或以上版本。咋檢測呢?檢測到使用者用ie 且ie低於ie11的話就提示他公升級瀏覽器呢?可以醬紫 var ie function d,w document,this if typeof ie undefined else if ie 11 else...

IE11瀏覽器跳轉之巨坑

最近公司上了乙個國安局的專案,局方使用的瀏覽器是ie11,前端使用react antdesign umi開發,本來也是支援ie11的框架,既然使用者說要固定瀏覽器,就主要在ie11上測試 最近現場報回來乙個bug,有概率的出現瀏覽器跳轉等待轉圈的時間太長的問題,通過抓包等技術手段進行排查,發現現場的...

IE 11 怎麼回退到以前安裝的IE版本

ie 11是微軟最新推出的瀏覽器,其功能更完善和流暢,然而對於國內很多的 都不支援其瀏覽特性。特別是具有ie核心的瀏覽器,在使用ie11的核心後,會有很多問題。如的按鈕外掛程式,會失效。因此,我們該怎麼回退呢?第一步,開啟開始按鈕,點選控制面板。點選控制面板中的 程式。點選程式和功能。點選檢視 已安...