現在のクライアントがpc側かモバイル側かIpad側かを判断
2508 ワード
携帯電話とパソコンの2つの異なるレイアウトを実現し、携帯電話かパソコンかを判断する:window.onload 1ページに1つしかありません
現在のクライアントがpc側かモバイル側かIpad側かを判断
1
2
3
4
5
6
1
2
window.onload=function(){
isPc();
}
function isPc(){
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
/*window.location.href=" ";*/
var div1 = document.getElementsByClassName('mobile')[0].children[0];
div1.style.display = "none";
}
else {
/*window.location.href=" "; */
var div2 = document.getElementsByClassName('mobile')[0].children[1];
div2.style.display = "none";
}
}
現在のクライアントがpc側かモバイル側かIpad側かを判断
var os = function () {
var ua = navigator.userAgent,
isWindowsPhone = /(?:Windows Phone)/.test(ua),
isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
isAndroid = /(?:Android)/.test(ua),
isFireFox = /(?:Firefox)/.test(ua),
isChrome = /(?:Chrome|CriOS)/.test(ua),
isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
isPhone = /(?:iPhone)/.test(ua) && !isTablet,
isPc = !isPhone && !isAndroid && !isSymbian;
return {
isTablet: isTablet,
isPhone: isPhone,
isAndroid: isAndroid,
isPc: isPc
};
}();
if (os.isAndroid || os.isPhone) {
console.log(" ");
} else if (os.isTablet) {
console.log(" ");
} else if (os.isPc) {
console.log(" ");
}