js 检测设备是否是pc 然后跳转到pc

2024-08-18

js检测当前设备是移动端还是PC端

加上下面js即可硬核判断: <script type="text/javascript"> //平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf(; system.mac = p.indexOf(; system.x11 = (p == ); if(system.win||sy

使用device.js检测设备并实现不同设备展示不同网页

现在很多时候会用@media来控制页面在不同分辨率的设备商展示不同效果,但是有些时候想在直接在PC上展示一个做好的页面,在mobile展示另一个页面.这个时候可以借助device.js来检测设备,然后打开不同的页面(device.js 是一个可以用来检测设备,操作系统和方向的js库).当然这种做法需要一次跳转. 假设有个m.html想用于mobile端展示,pc.html想用于pc端展示.这个时候可以用index.html作为入口,在<head>内引入device.js来检测设备,然后用js来

Device.js——检测设备平台、操作系统的Javascript 库

http://segmentfault.com/a/1190000000373735 Device.js 是一个可以让你检测设备的平台,操作系统和方向 JavaScript 库,它会自动在 <html> 标签添加一些设备平台,操作系统,方向相关的 CSS class,这样就能让你针对不同设备撰写不同的 CSS,并且还提供一些 Javascript 函数来判断设备. Device.js 通过操作系统(比如 iOS,安卓,黑莓,Windows,Firefox OX),方向(横屏或者竖屏),类型(平

js检测来源网址,如果是搜索引擎跳转到新地址

[js]代码 <script> var regexp=/\.(sogou|soso|baidu|google|youdao|yahoo|bing|118114|biso|gougou|ifeng|ivc|sooule|niuhu|biso|360)(\.[a-z0-9\-]+){1,2}\//ig; var where =document.referrer; if(regexp.test(where)) { window.location.href="http://niutuku.c

js判断设备信息，安卓、ios、还是pc端

前端开发获取设备信息的代码if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { window.location.href ="https://itunes.apple.com/cn/app/1hao-yao-dian/id727578007?mt=8"; } else if (/(Android)/i.test(navigator.userAgent)) { window.location.href ="http

js代码检测设备问题：为什么在移动端检测设备的时候会出现pc的页面

为了在手机上也能正常显示页面,所以为之前写的页面又重写了一遍,专门用来在移动端显示,用js代码检测设备,如果是pc就显示pc的页面,如果是移动就显示移动的页面,但遇到一个问题就是在移动端打开会有一个延迟,会先加载pc然后过个两秒在显示移动的页面,这个问题一直苦恼着我...直到今天请教朋友的时候才知道问题所在 .............. 我把检测设备的代码放到 ready函数里面了,所以它会等页面加载完在显示移动端页面所以我把它单独当到了页面最上面就解决了这个问题问题描述:为什么在移动端检测

js判断设备，跳转app应用、android市场或者AppStore

js移动设备判断方法大全 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" > <title>Insert title here< /title> </head> <body> <script> //js判断是否是苹果设备 function checkIsAppleDevice() { var u = navigator.us

根据不同访问设备跳转到PC页面或手机页面

目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容.但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的访问域名.正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的. 第一个: <script type="text/javascript"> var userAgent = navigator.userAgent.toLowerCase(); var p

JS判断设备终端（PC，iPad，iPhone，android，winPhone）和浏览器

JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器 var ua = navigator.userAgent; var browser = {}, weixin = ua.match(/MicroMessenger\/([^\s]+)/i), webkit = ua.match(/WebKit\/([\d.]+)/i), android = ua.match(/(Android)\s+([\d.]+)/i), ipad = ua.match(/(iPad)

检测设备平台，操作系统，方向 Javascript 库：Device.js

Device.js 是一个可以让你检测设备的平台,操作系统和方向 JavaScript 库,它会自动在 <html> 标签添加一些设备平台,操作系统,方向相关的 CSS class,这样就能让你针对不同设备撰写不同的 CSS,并且还提供一些 Javascript 函数来判断设备. Device.js 通过操作系统(比如 iOS,安卓,黑莓,Windows,Firefox OX),方向(横屏或者竖屏),类型(平板或者移动设备),如下面在 iPhone 上的浏览的时候在 <html>

前端笔记之JavaScript（十二）缓冲公式&检测设备&Data日期

一.JavaScript缓冲公式ease 原生JS没有自己的缓冲公式,但是你要自己推理的话,必须要懂一些数学和物理公式: 让div用100毫秒(帧),从left100px的位置变化到left800px的位置,要求匀速: 大致计算如下: 毫秒编号(帧) 距离起点的增量目前绝对的位置 0 0 100 1 7 107 2 14 114 ... ... ... t t*c/d b+t*c/d 49 343 443 50 350 450 98 686 786 99 693 793 100 700 800

每日技术总结：vue router传参方式，js获取设备高度

今天貌似没什么问题,23333…… 1.vue router 路由传参的方式应用情景:从分类页(category.vue)进入商品列表页(list.vue),需要传递商品分类id(catId),商品分类名称(catName)两个参数,列表页通过路由信息拿到catId,去请求列表内容接口. 路由文件js代码如下: export default new Router({ routes: [ { path: '/', name: 'home', component: home }, { path

js检测手机摇一摇

1.检测设备是否支持重力感应事件deviceorientation deviceorientation 提供设备的物理方向信息,表示为一系列本地坐标系的旋角 function motionHandler(event) { accGravity = event.acceleration; } if (window.DeviceMotionEvent) { window.addEventListener("devicemotion", motionHandler, false); } el

通过JS检测360浏览器

如何通过JS检测360浏览器? 尝试了一大堆方法,网上大多数办法都是通过navigator.userAgent来判断,这可能在几年前是行得通的,现在360userAgent输出来跟谷歌除了版本号其余一模一样... 谷歌: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 360极速:Mozilla/5.0 (Windo

通过js检测到iframe，使父窗口重定向到index -----------？？？----------------------

通过js检测到iframe,使父窗口重定向到index -----------???---------------------- 如果本身已将在iframe中,那么重定向的页面应该直接添加到父级iframe中-----???----

DTcms手机版使用余额支付提示信息跳转到PC版的错误。以及提交订单不打开新页面

手机版使用余额支付提示信息跳转到PC版的错误引起错误的原因是中间需要提交到DTcms.Web\api\payment\balance\index.aspx去处理导致BasePage.cs中的linkurl方法中 string requestPath = HttpContext.Current.Request.RawUrl.ToLower(); //当前的URL地址获取到的地址为:/api/payment/balance/index.aspx 解决方法: 1.BasePage.cs中重写

如何用js检测判断时间日期的间距

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>如何用js检测判断日期大于多少天</title> <script> window.onload=function(){ var ul1=document.getElementById("time"); var span1=ul1.getElementsByTag

js检测是否手机浏览的函数

原文:js检测是否手机浏览的函数查看一个web应用的时候查看源代码无意发现的,记录一下,万能什么时候能用得着呢! function isMobile() { var mobile = navigator.userAgent.match(/iphone|android|phone|mobile|wap|netfront|x11|java|operamobi|operamini|ucweb|windowsce|symbian|symbianos|series|webos|sony|blackber

jquery和js检测浏览器窗口尺寸和分辨率

jquery和js检测浏览器窗口尺寸和分辨率,转载自网络,记录备忘 <script type="text/javascript">$(document).ready(function() {alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器当前窗口文档的高度alert($(document.body).height());//浏览器当前窗口文档body的高度

爬虫笔记之JS检测浏览器开发者工具是否打开

在某些情况下我们需要检测当前用户是否打开了浏览器开发者工具,比如前端爬虫检测,如果检测到用户打开了控制台就认为是潜在的爬虫用户,再通过其它策略对其进行处理.本篇文章主要讲述几种前端JS检测开发者工具是否打开的方法. 一.重写toString() 对于一些浏览器,比如Chrome.FireFox,如果控制台输出的是对象,则保留对象的引用,每次打开开发者工具的时候都会重新调用一下对象的toString()方法将返回结果打印到控制台(console tab)上. 所以只需要创建一个对象,重写它的toS

超棒的JS移动设备滑动内容幻灯实现 - Swiper

来源:GBin1.com 在线演示如果你需要一款帮助你实现手机或者移动设备上内容幻灯实现的JS类库的话 , Swiper是一个不错的选择,它不依赖于任何第三方的类库.因此体积非常小,适合运行在移动设备上.拥有非常完整的自定义选项,并且支持很多不同的幻灯展示,在线演示非常全! 主要特性 JS实现,不依赖于任何第三方的类库支持触摸设备上的滑动(swipe)操作支持水平和垂直的幻灯展示支持多个元素的幻灯展示(类似carousel) 支持多种不同的自定义选项支持无限滚动,拥有插入,添加新幻灯页

js 检测设备是否是pc 然后跳转到pc

热门专题