js檢測IE8及以下瀏覽器版本並做出提示的函數程式碼

2023-02-08 22:00:48

程式碼一userAgent

通過userAgent，然後再使用正則匹配出版本資訊。

var DEFAULT_VERSION = 8.0;
var ua = navigator.userAgent.toLowerCase();
var isIE = ua.indexOf("msie")>-1;
var safariVersion;
if(isIE){
safariVersion =  ua.match(/msie ([d.]+)/)[1];
}
if(safariVersion <= DEFAULT_VERSION ){
  // 進行你所要的操作
$(".wrap").before('<div class="low_version">系統檢測到您正在使用ie8以下核心的瀏覽器，不能實現完美體驗，請及時更新瀏覽器版本！</div>');
};

程式碼二documentMode

作為當今最差的瀏覽器，雖說IE即將推出歷史的舞臺，但是因為專案需要還是需要支援。那麼必須判斷是否是IE，如果是IE，需要做些特殊處理。

document.documentMode 是IE特有的屬性，可以根據這個值判斷是否為IE。如：

var isIE = document.documentMode !== undefined;

確實是簡單好用吧：）

基本來說，document.documentMode的值就是IE的版本號，如：

7 - The page is displayed in IE7 mode
8 - The page is displayed in IE8 mode
9 - The page is displayed in IE9 mode
10 - The page is displayed in IE10 mode
11 - The page is displayed in IE11 mode

function IEVersion () {
    if (document.documentMode) return document.documentMode;
  }
  if (IEVersion()<=8) {
    alert("低於ie8");
  }

documentMode屬性

1、定義和用法：

The documentMode property returns the mode used by the browsers to render the current document.

documentMode屬性返回瀏覽器渲染當前檔案所用的模式。

IE8 can render a page in different modes,depending on the !DOCTYPE or the presence of certain HTML elements.

IE8可以以不同的模式渲染一個頁面，主要依賴於!DOCTYPE或者當前的某一個HTML元素。

按照下列的值返回：

5 ----- in IE5 mode
7 ----- in IE7 mode
8 ----- in IE8 mode
9 ----- in IE9 mode
註釋：如果沒有定義!DOCTYPE，IE8以IE5的模式來渲染頁面

2、語法：

document.documentMode

3、瀏覽器支援：

documentMode 是一個IE的私有屬性，在IE8+中被支援。

程式碼三

/***
 * 獲取系統的當前IE瀏覽器版本
 * @returns 
 */
function getExplorerInfo() {
    var explorer = window.navigator.userAgent.toLowerCase();
    //ie 
    if (explorer.indexOf("msie") >= 0) {
        var ver = explorer.match(/msie ([d.]+)/)[1];
        return { type: "IE", version: ver };
    }
}

function checkBrowser(){
	var DEFAULT_VERSION = "8.0";
	var ua = navigator.userAgent.toLowerCase();
	var isIE = ua.indexOf("msie")>-1;
	var safariVersion=null;
	if(isIE){
	    safariVersion =getExplorerInfo().version;
	    if(safariVersion <= DEFAULT_VERSION ){
	        window.location.href= contextPath+"/Browser.jsp"; 
	    }else{
	        return;
	    }
	}else{
	    return;
	}
}

到此這篇關於js檢測IE8及以下瀏覽器版本並做出提示的函數程式碼的文章就介紹到這了,更多相關IE8以下瀏覽器版本內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

js檢測IE8及以下瀏覽器版本並做出提示的函數程式碼

目錄

程式碼一userAgent

程式碼二documentMode

documentMode屬性

程式碼三

熱門文章