js判断访问设备是电脑还是手机

本站资源均为站长亲测,真实有效,本站不发表未经验证的资源,请放心参与体验

用户访问网页的设备基本分为桌面设备(电脑)和移动设备(手机、pad等),为了更好的用户体验,很多站点都做了PC和mobile两种页面。那么除了通过后端程序判断访问设备外,可以通过js来判断访问设备是电脑还是手机吗?可以的!!

js判断访问设备是电脑还是手机

有朋友该问了,为什么不做自适应的啊?有些页面结构比较复杂,不太适合做自适应的。

下面给出这段js代码,可以判断访问设备,然后进行相应的跳转。

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
 
//iPhone手机页面
window.location.href ="iPhone.html";
 
} else if (/(Android)/i.test(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';
}
这篇文章如果帮到了你 打赏
分享到: 更多 (0)
1
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
  • js各种跳转代码汇总
    js跳转代码在网页前端用得是比较多的了,甚至在后台php中也会直接用echo用到,主要是因为js跳转代码使用方面,不拖泥带水的,这里就来简单总结一下在前端js跳转代码的一个简单汇总。 按钮式的js跳转代码如下: <INPUT name...
  • 用新浪jS接口取客户端IP 及位置
    新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup...
  • Android 搜书王v4.1 去广告版
    精选几十家优质免费小说书源,具有海量免费小说资。搜索功能很强大,搜书速度快,范围广,不是太冷门的书籍一般都可以搜索到。 软件风格清晰,阅读体验也还不错。 特点:精心维护已有书源,保证书源全部是可用的优质书源,书源这块会一直坚持宁缺毋滥,做到...
  • Vypr是世界上第一个经过审核的零日志上网服务工具
    无法提供摘要。这是一篇受保护的文章。
  • Android 妖妖短信辅助器v3.8.0.5 破解版
    无法提供摘要。这是一篇受保护的文章。
  • wow.js中各种特效对应的类名
    一、(页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。) 刚知道wow.js这个插件,之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇,现在自己依葫芦画瓢也能弄出来这种效果了。 虽然效果出来了,但...
  • WordPress 后台文章编辑器添加下拉式短代码选择
    // 后台编辑器添加下拉式按钮 function wzt_select(){ echo ' <select id="short_code_select"> <option value="请选择一个短代码!!!">插入...
  • 为亮点功能添加快捷按钮
    其实该功能主要是通过 CSS 样式的调整来实现的,实现方式虽然简单但是前端显示效果确实不错,官方给出的调用方式也极其简单,通过下面两行代码调用: <ol class="liangdian"> <li><stro...
  • 纯代码实现WordPress文章页展开收缩功能
    网上关于实现文章内容“展开/收缩”效果的方法有很多,但是有很多代码似乎已经不可用,而另一些虽然可用但是前端显示效果不怎么美观,于是我便根据网上的一些代码进行了些许的改动便有了这篇文章。下面我们就来具体了解下如何实现文章内容的“展开/收缩”功...
  • wordpress给你的网页添加一个加载动画
    网页加载需要一个过程,现在这个过程可以极短了,不过有些朋友还是希望能用一个动画来代替这个过程,让加载不再那么枯燥。搜索了一下,很多这类文章,方法很多,利用CSS实现应该是最好的办法了。过程很简单,只需两步。 添加方法 第一步 创建一个css...
  • 一淘app新用户注册领取8元新人大礼包奖励(800集分宝)
    礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红包码【】即可领取8元礼金券,说明一下这个红包码其实就是一个推荐码必需要输入,不输入一淘不给赠送8元的礼金券,输入后点...
  • WordPress在文章列表插入一篇广告跳转文章或在任意位置插入广告代码
    这个Wordpress技巧可以让你在文章列表中的任意位置插入一篇或多篇广告跳转文章,完美的与主题结构融合,与主题列表的展现形式一模一样,不用去额外的改变任何结构!而且可以一键无痕的将发布的任何文章变成广告跳转文章! 实现过程非常简单,利用了...

评论 抢沙发



觉得文章有用就赞赏支持一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏