1. 程式人生 > >好程式設計師web前端分享JS檢查瀏覽器型別和版本

好程式設計師web前端分享JS檢查瀏覽器型別和版本

好程式設計師web前端分享JS檢查瀏覽器型別和版本,先取得Navigator物件的userAgent屬性的小寫資訊,之後根據正則表示式判斷賦值。

var Sys = {};

var ua = navigator.userAgent.toLowerCase();

var s;

var scan;

(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua

.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua

.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua

.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua

.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

//進行測試

if (Sys.ie) {

scan = "您使用的ie核心" + Sys.ie + "瀏覽器";

}

if (Sys.firefox) {

scan = "您使用的是firefox核心" + Sys.firefox + "瀏覽器";

}

if (Sys.chrome) {

scan = "您使用的是chrome核心" + Sys.chrome + "瀏覽器";

}

if (Sys.opera) {

scan = "您使用的是opera核心" + Sys.opera + "瀏覽器";

}

if (Sys.safari) {

scan = "您使用的是safari核心" + Sys.safari + "瀏覽器";

}

相關推薦

程式設計師web前端分享JS檢查瀏覽器型別版本

好程式設計師web前端分享JS檢查瀏覽器型別和版本,先取得Navigator物件的userAgent屬性的小寫資訊,之後根據正則表

程式設計師web前端分享JS引擎的執行機制

  好程式設計師web前端分享JS引擎的執行機制,一、JS是單執行緒語言。JS的EventLoop是JS的執行機制。深入瞭解JS的

程式設計師web前端分享如何理解JS的單執行緒

好程式設計師web前端分享如何理解JS單執行緒,JS本質是單執行緒的。也就是說,它並不能像JAVA語言那樣,兩個執行緒併發

程式設計師web前端分享web測試之Js中的變數

  好程式設計師web前端分享web測試之Js中的變數,JavaScript的變數與其他語言的變數有很大區別。JavaScript

程式設計師web前端分享詳細瞭解JavaScript函式

好程式設計師web前端分享詳細瞭解JavaScript函式,如果你曾經接觸過JavaScript程式設計,你一定不會陌生如何定義並

程式設計師web前端分享HTML元素強制不換行

好程式設計師web前端分享HTML元素強制不換行,HTML 中 nowrap是用來強制不換行的     在排版中

程式設計師web前端分享主流CSS image比較

好程式設計師web前端分享主流CSS image比較在還原設計圖的時候,難免會碰到一些樣式圖片的引用。如何來對這些圖片做優化呢?本

程式設計師web前端分享css常用屬性縮寫

好程式設計師web前端分享css常用屬性縮寫,使用縮寫可以幫助減少你CSS檔案的大小,更加容易閱讀。css縮寫的主要規則如下:  

程式設計師web前端分享想要學習前端需要學那些課程

仔細思考了一下如何回答好這個話題,其實前端是一個涵蓋面非常之廣泛的一個職位,所需知識體系非常龐雜,與傳統語言“想要精一行,必先通一

程式設計師web前端分享CSS元素型別

好程式設計師web前端教程分享CSS元素型別 學習目標 1、元素型別分類依據和元素型別分類 2、元素型別的轉換 3、i

程式設計師web前端分享CSS屬性組成及作用

好程式設計師web前端分享CSS屬性組成及作用 學習目標 1、css屬性和屬性值的定義 2、css文字屬性

程式設計師web前端分享CSS基礎篇

好程式設計師web前端分享CSS基礎篇 學習目標 1、CSS簡介 2、CSS語法 3、樣式的建立 4、兩種引

程式設計師web前端分享HTML基本結構基本語法

好程式設計師web前端分享HTML基本結構和基本語法 HTML基本結構和HTML基本語法 HTML基本結構 HTML的基

程式設計師web前端分享HTML基礎篇

好程式設計師web前端分享HTML基礎篇最近遇到很多新手,都會問,如果要學web前端開發,需要學什麼?難不難學啊?多久能入門之類的

程式設計師web前端分享CSS3彈性盒

好程式設計師web前端分享CSS3彈性盒 一、盒模型 box-sizing box-sizing 屬性允許您以特定的方式定

程式設計師web前端分享常見html5語義化標籤

好程式設計師web前端分享常見html5語義化標籤,我們知道,建立結構清晰的頁面可以建立良好的語義化基礎,也降低了使用css的難度

程式設計師web前端分享CSS學習:HSLA顏色模式

好程式設計師web前端分享CSS學習:HSLA顏色模式 一、理論: 1.HSLA顏色模式 a.HSLA在HSL基礎上增加了不透明

程式設計師Web前端分享一些小知識!

好程式設計師Web前端分享一些小知識!為了幫助正在從事Web前端工作和正在學習Web前端的小夥伴更好的瞭解Web前端技術,今天為大

程式設計師web前端分享web開發概況

  今天介紹一下web開發的大體概況,讓大家能夠從整體對web開發有一個相對全面的瞭解,隨著科學技術的發展,各種移動端(mobil

程式設計師web前端分享函式作用域及遞迴

作用域的生命週期。   var a = 10;   function m1(){  &nb