判断移动端UA自动跳转

最新推荐文章于 2024-05-09 10:48:09 发布
转载 最新推荐文章于 2024-05-09 10:48:09 发布 · 2.0k 阅读 · 2
文章标签：

#nokia #function #手机 #wap

本文介绍了一种通过JavaScript实现的方案，该方案能够检测访问网站的设备类型，并在检测到为手机访问时自动将用户导向移动端优化的页面。此方法通过正则表达式匹配User-Agent字符串来判断是否为手机设备。
判断访问设备，如果是手机访问PC，自动跳转到移动端页面：
  1. <script type="text/javascript">  
  2.         (function(W){  
  3.             if(/iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|  
  4. panasonic|alcatel|lenovo|cldc|midp|wap|  
  5. mobile/i.test(navigator.userAgent.toLowerCase())){  
  6.                 W.location.href = '跳转地址';  
  7.             }  
  8.               
  9.         })(window)  
  10. </script> 

uniapp(H5移动端) - 实现h5页面唤起app功能，点击按钮判断本机是否已安装APP，如果安装则跳转打开第三方应用app，反之未安装则跳转下载页面或下载地址，uniApp实现h5页面唤醒app
高级前端工程师
05-07 4716
uniapp，H5如何实现唤起APP，uniApp实现h5页面唤醒app，微信H5唤起App解决方案，H5唤起APP指南，h5唤醒app详细教程，H5唤起地图导航总结，uniapp移动端跳转到APP指定页面的实现，微信通过页面(H5)直接打开本地app，H5页面唤醒App(安卓+ios)h5唤醒APP,如果未下载跳转下载页,如果已下载唤醒APP，微信通过页面(H5)直接打开本地app，uniapp h5页面中打开app和微信环境打开app功能，跳转时一闪而过打开失败，app唤起没反应怎么办，打开第三方app
【Python】高效的Web自动化测试利器—Python+Playwright快速上手自动化实战指南
最新发布
墩墩分墩
08-16 8796
**Playwright是微软在` 2020 年初 `开源自动化测试工具，功能和 selenium 类似，都可以驱动浏览器进行各种自动化操作。** - 支持主流浏览器，如Chrome、Firefox、Safari 等，同时支持以**无头模式、有头模式**运行，并提供了**同步、异步的 API**，可以结合 `主流测试框架`使用，并且支持浏览器端的自动化脚本录制等功能。 **特点：** - 跨浏览器：Playwright 支持所有现代渲染引擎，包括Chromium、WebKit 和 Firefox； - 跨
判断浏览器UA跳转
qq_21883801的博客
02-04 3054
<script type="text/javascript"> UA = navigator.userAgent.toLowerCase(); url = window.location; url = url.toString(); if ((UA.indexOf('iphone') != -1 || UA.indexOf('mobile') != -1 || UA.indexOf(...
js实现判断用户浏览器跳转移动或pc页面
u012138854的博客
01-28 569
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 = ""; //手机 } else { window.location.href = ""; //电
判断当前设备是移动端还是pc端
zouyang920的博客
03-28 4288
首先，我们使用正则表达式匹配navigator.userAgent中是否包含iPhone、iPad、iPod、Android这些关键字，如果匹配成功，则说明当前是在移动端。因此，我们可以通过判断UA中的关键字来确定页面访问者的设备类型。需要注意的是，该方法并不100%准确，因为用户可以使用PC浏览器模拟手机UA，也有可能使用移动端浏览器访问PC网站（目前pc端测试模拟手机ua，一样显示手机端，是准确的）。目前后台配置已最佳比例显示，pc和移动端都受影响，现在就是需要是移动端才调api，pc端的话不动。
nginx ua 自动跳转
u014447716的博客
01-26 380
server { listen 80; server_name AAA.com; access_log logs/AAA.com.log; location / { set $flag "false"; if ( $http_user_agent ~* MQQBrowser/22|MQQBrowser/24|MQQBrowser/1.5|Opera\ Mobil|Mozilla/4|CMSurlClient) {
js根据UA用户代理判断移动端h5打开环境
CherryCola_zjl的博客
11-23 3429
userAgent 指 用户代理 function isAndroid() { return 0 <= navigator.userAgent.toLowerCase().indexOf("android") } function isIos() { return 0 <= navigator.userAgent.toLowerCase().indexOf("iphone") } function isInWb() { return 0 <= navigator.u
html自动识别pc手机跳转,网站根据访问客户端设备UA（PC和手机移动）自动判断跳转代码...
weixin_39907939的博客
06-07 2017
网站根据访问客户端设备UA(PC和手机移动)自动判断跳转代码以下代码是插入到手机模板中var system = {win: false,mac: false,xll: false};var p = navigator.platform;system.win = p.indexOf(“Win”) == 0;system.mac = p.indexOf(“Mac”) == 0;system.x11 =...
h5页面用js判断机型是安卓还是ios，判断有app安装没app跳转应用商店app stroe或者安卓应用商店
早晚的博客
05-09 543
微信跳转和浏览器跳转不一样，需要控制定时器的时间，android在没下载的情况下点击没反应，ios在没下载的情况下会跳404，就是定时器2000，不知道有没有别的办法，用iframe嵌套ios的跳转在没下载的情况下是404，2000是刚好的时间点，有点刚刚好，不是特别完美。有大佬会的可以交流。用vue3写的wep页面。
前端开发—根据访问的设备来展现相应的pc端或者移动端网页
see_you_codes的博客
05-19 827
背景： 在开发完PC端后，被告知要适配移动端。适配移动端有两种方法，一是响应式布局，二是单独开发移动端。一开始试了试第一种方法发现不合适，于是选择第二种。那么关键问题是如何在同一网址的情况下在PC端访问则返回PC端页面，在移动端访问则返回移动端页面。 这里推荐第二种方法！因为第一种方法在判断完了之后，跳转链接时会明显的在原网页停留，然后才跳转到新网页 法一：在前端JS中判断UA var userAgent = navigator.userAgent.toLowerCase(); var platfo
移动端浏览器ua大全 合集18248个
02-13
例如 Mozilla/5.0 (Linux; U; Android 4.0.3; zh-cn; M031 Build/IML74K) UC AppleWebKit/534.31 (KHTML, like Gecko) Mobile Safari/534.31 MQQBrowser/3.7/Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; U8800 Build/HuaweiU8800) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
浏览器ua大全 电脑端移动端 合集 共21715个
02-13
举例 Mozilla/5.0 (Windows NT 10.0; Win64; x64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko Mozilla/5.0 (Linux; Android 8.0; DUK-AL20 Build/HUAWEIDUK-AL20; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/57.0.2987.132 MQQBrowser/6.2 TBS/044028 Mobile Safari/537.36 MicroMessenger/6.6.7.1321(0x26060739) NetType/4G Language/zh_CN
移动客户端及pc浏览器UA区分
09-23
囊括目前全部移动平台客户端及PC浏览器的UA区分。
从UA类型设备分辨出Android设备类型
Magic_ww的博客
03-05 2389
随着Android设备增多，不少网站都开始设备Android设备，而Android主流设备类型以手机和平板为主。网站在适配时通过User Agent(用户代理，以下简称UA)又如何区分呢，本文部分内容翻译自Google官方博客Mo' better to also detect “mobile” user-agent。 一针见血 标准判断规则：Mobile Android has “Mobile...
网站访问者UA检测及跳转
weixin_30773135的博客
05-22 660
/*!* UA检测及跳转*/;(function(){ var whatdevice = {}; var myUA = window.navigator.userAgent.toLowerCase(); //正则得小写 /* * 是否移动设备：返回Boolean。 */ whatdevice.isMobile = /(?:micromessenger|...
网页判断当前设备环境是否是移动端
zerlinda0913的博客
09-06 375
无
网站自动识别手机访问跳转至手机网站
选调生的博客
02-06 1644
如何让用户输入wap手机网站的网址时自动跳转到wap网站 ? wap页面自动跳转的实现方式 ? 如何判断访客是否是移动设备访问，自动跳转到wap页面 ? 手机自动跳转到手机页面,一个网址区分普通访问与手机访问 ? 手机访问网站域名时如果实现自动跳转到wap页面 ? 本文就可以解决这些问题！ <script type="text/javascript"> try {var urlhash...
【Nginx】记录 nginx 配置文件中 location下根据 ua (user-agent) 判断移动端和电脑端不同浏览器来源
No8g攻城狮的博客
04-02 4950
本文目录 一、背景描述 二、问题原因 三、解决方案 一、背景描述 由于已出货的产品上印的有APP软件的下载地址（https://www.****.com/a/fwyzc/mrjxz/） 的二维码，而这个下载地址是无法改变的，使用手机扫描这个二维码出现web端的页面，对手机用户来说很不友好，所以需要解决手机端扫描二维码后自动适配手机端的问题。 二、问题原因 nginx原先配置方式 location /a/fwyzc/rjxz {
服务器判断ua-302跳转方法--2016年4月14日
A11085013的专栏
10-31 2364
2016年4月14日18:54:34 IIS6 的配置服务器判断ua, 302跳转方法： 一、修改文件  httpd.conf,位置在此网站/others/目录，下面【有的服务器上的位置可能不一样】。 修改的代码是： # 3600 = 1 hour  RepeatLimit 32  # Protect httpd.ini and httpd.parse.erro
移动端界面适配优化实现方案与源码解析
进一步分析，系统在识别到移动设备后会“自动跳转至专为移动端设计的index1.html页面”。这种跳转策略属于“动态内容分发”的一种形式，即根据不同终端提供不同的HTML入口文件。相比于单一页面通过CSS媒体查询实现...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值