JS-判断设备是否是移动设备

刺骨的言语ヽ痛彻心扉 2022-04-03 18:40 369阅读 0赞

使用JS判断设备是否是移动设备。

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    	</body>
    	<script>
    		console.log(navigator.userAgent)
    		console.log(checkIsMobile(navigator.userAgent));
    		//Android
    		console.log(checkIsMobile('Mozilla/5.0 (Linux; Android 4.2.1; en-us; Nexus 5 Build/JOP40D) AppleWebKit/535.19 (KHTML, like Gecko; googleweblight) Chrome/38.0.1025.166 Mobile Safari/535.19'));
    		//IPhone
    		console.log(checkIsMobile('Mozilla/5.0 (iPhone; CPU iPhone OS 11_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.0 Mobile/15E148 Safari/604.1'));
    		//Ipad
    		console.log(checkIsMobile('Mozilla/5.0 (iPad; CPU OS 9_3_5 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13G36 Safari/601.1'));
    		function checkIsMobile(ua) {
    			if (/Mobi|Android/i.test(ua)) {
    			   return true;
    			}
    			return false;
    		}
    	</script>
    </html>

测试结果：

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36
    false
    true
    true
    true

可在此网站查找useragent进行测试。

> [https://developers.whatismybrowser.com/useragents/explore/][https_developers.whatismybrowser.com_useragents_explore]

[https_developers.whatismybrowser.com_useragents_explore]: https://developers.whatismybrowser.com/useragents/explore/

发表评论取消回复

表情：

评论列表（有 0 条评论，369人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 判断设备是ios还是android

var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.inde

清疚/ 2023年01月16日 06:19/ 0 赞/ 224 阅读

相关 js判断设备是PC端还是移动端

方法一 function IsPC() { var userAgentInfo = navigator.userAgent; va

喜欢ヅ旅行/ 2022年10月24日 05:54/ 0 赞/ 249 阅读

相关 JS：判断是否是移动端

if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|Bl

向右看齐/ 2022年09月04日 00:41/ 0 赞/ 188 阅读

相关 js判断移动设备

js判断使用的设备： if((navigator.userAgent.match(/iPhone|iPod/i) != null)||(navigator.userAgent

- 日理万妓/ 2022年08月19日 05:51/ 0 赞/ 150 阅读

相关 PHP 判断用户的设备是否是移动设备

PHP 判断用户的设备是否是移动设备 `<?php function isMobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (is

「爱情、让人受尽委屈。」/ 2022年05月30日 07:57/ 0 赞/ 196 阅读

相关 PHP 判断用户的设备是否是移动设备

代码如下： <?php function isMobile(){ // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERV

﹏ヽ暗。殇╰゛Y/ 2022年05月28日 12:51/ 0 赞/ 179 阅读

相关识别是否是移动设备

protected function isMobileClient() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 i

叁歲伎倆/ 2022年05月26日 13:41/ 0 赞/ 184 阅读

相关 js判断用户的浏览器设备是移动端还是pc端

最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式，主要是判断移动设备还是电脑浏览器访问的。下面给出js判断处理代码，以作参考。 <scrip

た入场券/ 2022年04月23日 08:06/ 0 赞/ 379 阅读

相关 JS-判断设备是否是移动设备

使用JS判断设备是否是移动设备。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"

刺骨的言语ヽ痛彻心扉/ 2022年04月03日 18:40/ 0 赞/ 370 阅读

相关移动设备判断方法大全

Demo\_1 function isMobile(){ if (typeof this._isMobile === 'boolean'){

淩亂°似流年/ 2022年03月31日 05:15/ 0 赞/ 222 阅读