判斷 PC/移動
$(function () { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { console.log("移動"); } else { console.log("PC"); }; });判斷Android端、iOS端
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.href ="iPhone.html"; } else if (/(Android)/i.test(navigator.userAgent)) { //alert(navigator.userAgent); window.location.href ="Android.html"; } else { window.location.href ="pc.html"; }; if(/(iPhone|iOS|Android|Windows Phone)/i.test(navigator.userAgent)){ window.location.href = "mobile.html"; }
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://systransis.cn/yun/105649.html
摘要:原文鏈接一般的吸頂,通常是給上一個定位便可實現(xiàn),而類似于上圖這樣的粘黏吸頂,也是一個比較常見的需求粘黏吸頂大概的思路是這樣首先,給吸頂欄一個或者定位,通過去監(jiān)聽事件觸發(fā)一個判斷吸頂欄高度的函數(shù),當吸頂欄的高度距離可視區(qū)域頂部小于等于時,將其 原文鏈接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...
摘要:原文鏈接一般的吸頂,通常是給上一個定位便可實現(xiàn),而類似于上圖這樣的粘黏吸頂,也是一個比較常見的需求粘黏吸頂大概的思路是這樣首先,給吸頂欄一個或者定位,通過去監(jiān)聽事件觸發(fā)一個判斷吸頂欄高度的函數(shù),當吸頂欄的高度距離可視區(qū)域頂部小于等于時,將其 原文鏈接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...
摘要:原文鏈接一般的吸頂,通常是給上一個定位便可實現(xiàn),而類似于上圖這樣的粘黏吸頂,也是一個比較常見的需求粘黏吸頂大概的思路是這樣首先,給吸頂欄一個或者定位,通過去監(jiān)聽事件觸發(fā)一個判斷吸頂欄高度的函數(shù),當吸頂欄的高度距離可視區(qū)域頂部小于等于時,將其 原文鏈接: Fyerls Blog showImg(https://segmentfault.com/img/bVJMAs?w=360&h=240...
摘要:首先是屏幕問題,現(xiàn)在主流的移動設備以安卓和為主,我們在制作移動端頁面也是以兼容這兩種設備去布局。而其實目前安卓,很多的設備還是比較常見的了,所以我們這里,將之前對設備的判斷,轉變成對是否是整數(shù)的一個判斷。 之前發(fā)過一篇文章《移動端應該如何動態(tài)設置字體大?。俊?,主要說了移動web端布局的一些解決方法,本文再一次把這個問題提出來,并分別對安卓和IOS設備的屏幕了解做出自己的分享,在進入正文...
閱讀 2590·2021-10-19 11:41
閱讀 2425·2021-09-01 10:32
閱讀 3386·2019-08-29 15:21
閱讀 1764·2019-08-29 12:20
閱讀 1172·2019-08-29 12:13
閱讀 608·2019-08-26 12:24
閱讀 2527·2019-08-26 10:26
閱讀 843·2019-08-23 18:40