JS判斷瀏覽器類型和前綴

joyvw 發布于2019-08-21 12:28 / 1603人閱讀

/**
*自行修改下面的函數，然后使用
*/
function detectUA($, userAgent) {
            $.os = {};
            $.os.webkit = userAgent.match(/WebKit/([d.]+)/) ? true : false;
            $.os.android = userAgent.match(/(Android)s+([d.]+)/) || userAgent.match(/Silk-Accelerated/) ? true : false;
            $.os.androidICS = $.os.android && userAgent.match(/(Android)s4/) ? true : false;
            $.os.ipad = userAgent.match(/(iPad).*OSs([d_]+)/) ? true : false;
            $.os.iphone = !$.os.ipad && userAgent.match(/(iPhonesOS)s([d_]+)/) ? true : false;
            $.os.ios7 = ($.os.ipad||$.os.iphone)&&userAgent.match(/7_/) ? true : false;
            $.os.webos = userAgent.match(/(webOS|hpwOS)[s/]([d.]+)/) ? true : false;
            $.os.touchpad = $.os.webos && userAgent.match(/TouchPad/) ? true : false;
            $.os.ios = $.os.ipad || $.os.iphone;
            $.os.playbook = userAgent.match(/PlayBook/) ? true : false;
            $.os.blackberry10 = userAgent.match(/BB10/) ? true : false;
            $.os.blackberry = $.os.playbook || $.os.blackberry10|| userAgent.match(/BlackBerry/) ? true : false;
            $.os.chrome = userAgent.match(/Chrome/) ? true : false;
            $.os.opera = userAgent.match(/Opera/) ? true : false;
            $.os.fennec = userAgent.match(/fennec/i) ? true : userAgent.match(/Firefox/) ? true : false;
            $.os.ie = userAgent.match(/MSIE 10.0/i)||userAgent.match(/Trident/7/i) ? true : false;
            $.os.ieTouch = $.os.ie && userAgent.toLowerCase().match(/touch/i) ? true : false;
            $.os.tizen = userAgent.match(/Tizen/i)?true:false;
            $.os.supportsTouch = ((window.DocumentTouch && document instanceof window.DocumentTouch) || "ontouchstart" in window);
            $.os.kindle=userAgent.match(/Silk-Accelerated/)?true:false;
            //features
            $.feat = {};
            var head = document.documentElement.getElementsByTagName("head")[0];
            $.feat.nativeTouchScroll = typeof(head.style["-webkit-overflow-scrolling"]) !== "undefined" && ($.os.ios||$.os.blackberry10);
            $.feat.cssPrefix = $.os.webkit ? "Webkit" : $.os.fennec ? "Moz" : $.os.ie ? "ms" : $.os.opera ? "O" : "";
            $.feat.cssTransformStart = !$.os.opera ? "3d(" : "(";
            $.feat.cssTransformEnd = !$.os.opera ? ",0)" : ")";
            if ($.os.android && !$.os.webkit)
                $.os.android = false;
            var items=["Webkit","Moz","ms","O"];
            for(var j=0;j

摘自：App Framework

GPU云服務器云服務器 js 數據類型判斷 js 判斷數據類型 js數據類型判斷 js判斷數據類型

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87618.html

團隊合作前端書寫習慣總結

摘要：函數的名字前綴為動詞，以此區分變量和函數示例函數命名命名方法小駝峰式命名法命名規范前綴應當為動詞命名建議可使用常見動詞約定動詞含義返回值判斷是否可執行某個動作權限函數返回一個布爾值。含有此值不含有此值判斷是否為某個值函數返回一個布爾值。CSS 規范 CSS 書寫規范 class類：小寫字母,-分割；圖片: 小寫字母，‘-’或者‘_’ 分...

番茄西紅柿 2019-04-23 13:17 評論0 收藏0
js全屏模式輕松掌握[局部元素全屏展示]

摘要：推薦這么做，因為如果每個都要這樣重復的判斷瀏覽器前綴，那也太惡心了瀏覽器是否支持全屏模式屬性返回一個布爾值，表示當前文檔是否可以切換到全屏狀態。 showImg(https://segmentfault.com/img/remote/1460000017229080?w=700&h=467); 我第一次對網頁全屏模式有概念，是那種網頁播放視頻的全屏播放的那種。感覺很強，前幾個星期有個...

amc 2019-08-23 13:50 評論0 收藏0
JS常用方法函數

摘要：例如，表示以上未涉及到的其他對象，例如，表示全局變量，例如，道格拉斯的方法等同于方法 JS常用方法函數字符串長度截取惰性求值閉包基本包裝類型(包裝對象) 對象遍歷（最佳方法）數組遍歷（內置方法）怎么判斷一個object是否是數組(array)？加法操作表排序方法前綴規范道格拉斯的object方法（等同于object.create方法） 1. 字符串長度截取 fu...

Sike 2019-08-21 17:01 評論0 收藏0
Nextjs中文文檔

摘要：中文站點中文站當前翻譯版本為。注意將不能使用在子組件中。只能使用在頁面中。替換路由組件默認將新推入路由棧中。以防服務端渲染發生錯誤，建議事件寫在生命周期里。禁止文件路由默認情況，將會把下的所有文件匹配路由如渲染為如果你的項目使用 Next.js 是一個輕量級的 React 服務端渲染應用框架。 Next.js中文站點 http://nextjs.frontendx.cn Next.j...

luckyw 2019-08-23 11:55 評論0 收藏0