JS判断运行环境---PC/移动

最新推荐文章于 2024-05-30 15:47:51 发布

原创最新推荐文章于 2024-05-30 15:47:51 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JS运行环境 #页面自适应

个人笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript来判断用户当前使用的终端类型（移动端或PC端）的方法。通过检查navigator.userAgent属性，可以实现对不同设备的支持判断。

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    //移动端
} else {
    //PC端
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

small_to_large

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue.js 跨平台开发：Uni-app实战教程

AI架构全栈开发实战笔记

06-02

1202

在移动互联网时代，开发者常面临“多端开发”的痛点：同一个应用需要适配微信/支付宝小程序、iOS/Android App、H5网页，传统模式需为每个平台写一套代码，重复劳动率高达70%。本文聚焦“Uni-app+Vue.js”技术组合，教你用一套代码搞定多端，覆盖开发环境搭建、核心功能实现、多端适配技巧等全流程。本文从“为什么选Uni-app”讲起，用“开奶茶店”的故事类比核心概念，逐步拆解Uni-app的架构原理；通过“校园二手交易平台”实战项目，演示从环境搭建到多端发布的全流程；

最新发布

🏆 前端领域优质创作者

07-25

5632

微信公众号，微信支付，网页，移动端，h5，扫码支付，二维码付款，手机网页，电脑pc网页生成支付二维码，js-sdk，jsapi，外部浏览器调起微信支付，脱离微信环境，在微信内置浏览器如何进行微信支付，前端H5微信支付，web网站，vue2，vue3，nuxt2，nuxt3，jquery，微信公众号h5支付流程，如何实现，怎么做，回调报错，redirect_uri参数错误，必须部署才能调试吗，怎么不打包发布就能在本机测试，微信H5支付能力，uniapp微信支付，h5页面调起支付，支付没反应，无效，失败，H5页

参与评论您还未登录，请先登录后发表或查看评论

JS判断访问设备、客户端操作系统类型

weixin_30652271的博客

01-26

298

先给出一个实例：判断windows、linux、android 复制以下代码另存为html文件即可。 <html> <head> <title>判断操作系统</title> <script type="text/javascript"> function detectOS() { var sUserAgent = na...

判断网页当前运行的环境（超全）

MICHONG的博客

12-21

864

let ua = navigator.userAgent; if (ua.match('HLYAPP') == 'HLYAPP' && /(iPhone|iPad|iPod|iOS)/i.test(ua)) { //在IOS设备 APP环境 console.log('IOS APP'); } else if (ua.match('HLYAPP') == 'HLYAPP' && /(Android)/i.test(ua)) ..

Google ARCore APK 手机端运行环境

09-03

Google ARCore APK 手机端运行环境。

原声JS判断程序运行平台Pc OR Mobile

China_Guanq的博客

09-13

562

var userAgent = navigator.userAgent.toLowerCase(); if(!userAgent.match(".*(ip(hone|od)).*") && !userAgent.match(".*(android.+mobile|bada\\/|blackberry|iemobile|kindle|wap|windows (ce|phone)).*")) {

js 判断是否是pc端

qq_39151367的博客

12-28

989

js 判断是否是手机端还是pc端 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Agents.length; v++) { if (us

JS实现判断移动端PC端功能

10-15

"JS实现判断移动端PC端功能"这个话题就是关于如何检测用户正在使用的设备是个人电脑（PC）还是移动设备，如智能手机或平板电脑。这通常涉及到浏览器的User-Agent特性。 User-Agent是一个HTTP头字段，它包含了客户端...

JS 动态判断PC和手机浏览器实现代码

10-21

JS动态判断PC和手机浏览器的实现方法主要依赖于JavaScript编程语言，通过识别用户的Navigator User Agent字符串来分辨当前浏览设备。User Agent（用户代理）是客户端用来向服务器和其他设备表明其身份的一串字符串。...

puzzle-boy-html5:经典PC引擎TurboGrafx益智游戏“ Puzzle Boy”HTML5克隆

05-16

5. **碰撞检测**: 在益智游戏中，碰撞检测是非常重要的，它用来判断游戏元素是否接触或重叠。项目可能使用矩形碰撞检测或者更复杂的算法来处理游戏中的交互，比如块移动、消除等。 6. **音频管理**: HTML5提供了Web...

JavaScript判断浏览器运行环境的详细方法

02-13

前言看到标题，大家就能想起这个需求在很多项目上都能用到。我们部署在Web服务器上的前端应用，既可以用PC浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至能在车载系统、穿戴设备和电视平台上访问。设备的多样化让用户无处不在，有时候我们需要根据不同的浏览器运行环境做出对应的处理。浏览器是JavaScript的承载体，我们可以从浏览器上获取相关的信息，来进一步处理我们的业务逻辑。然而浏览器品牌众多，有些浏览器使用的标准也不太一样，造就了难以统一的判断。下面我大概罗列一下常用的浏览器品牌和在什么情况下使用浏览器运行环境判断。浏览器相关统计数据可以参考这里。国际五大浏览

js判断是pc还是手机

徐同保的专栏

05-09

999

var isPC = function() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPod", "iPad"]; var flag = true; for (var i

js 判断pc 还是移动端环境

qq_33240556的博客

05-30

4211

函数，通过检查几个关键的字符串来判断是否为移动设备的浏览器。请注意，这种方法不是100%准确，因为用户代理字符串可以被修改或者模拟，但在大多数情况下足够使用。在JavaScript中，判断当前环境是PC端还是移动端，可以通过检测用户代理字符串（User Agent）来进行简单的区分。更现代和准确的方法可能会考虑使用特性检测（feature detection）或者其他更高级的库来辅助判断，但上述代码对于基本的环境区分已经足够。这段代码首先定义了一个。

js判断浏览器的环境（pc端，移动端，还是微信浏览器）

weixin_30393907的博客

10-18

620

window.navigator.userAgent用来区分设备和浏览器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>判断浏览器的环境</title> </head> <body> </body&...

html5移动端需要用的js代码

bacaibangzi的专栏

11-03

1010

判断是否为移动端运行环境 // 判断是否为移动端运行环境 var mob = ''; if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|M

移动端-基本环境

qq_35187942的博客

03-01

302

在谷歌浏览器添加移动端设备（模拟的只是尺寸） xampp下载安装使用 xampp下载地址：https://www.apachefriends.org/download.html 1.双击xampp安装目录下的xampp-control.exe，打开xampp控制面板点击Apache的“Start”按钮，启动Apache服务 ...

移动端开发环境 - Windows

gp_911014的博客

09-16

310

本文章只针对 flutter 的开发环境，并假设你已经有 Java 开发环境和 Java 语言基础。本文章只配置 Android studio 开发环境，使用 vs code 开发不在本文章内容范围。

2.移动端测试环境准备

weixin_30951389的博客

07-10

391

1.第一阶段移动端测试环境搭建移动端自动化测试的基础环境配置 1.1 安装Java环境 Android应用为例讲解，需要安装java环境 1.2 SDK环境 Android依赖SDK的环境 1.3 模拟器环境考虑大家连接真机不方便，所以采用模拟器替代 1.1.Java环境安装 1.1.1 安装JDK1.8...

移动端测试环境的搭建

Magic_ww的博客

03-09

976

1.安装Java环境 Android应用为例讲解，需要安装java环境 2.SDK环境 Android依赖SDK的环境 3.模拟器环境或真机环境 1.1.Java环境搭建 JDK在Oracle上的下载地址：https://www.oracle.com/technetwork/java/javase/downloads/index.html；点击【JDK-DOWNLOAD...