js判断当前设备是否支持触屏

2024-10-19

javascript如何判断访问网页的设备及是否支持触屏功能

var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); if(system.win||system.mac||system.xll){//如果

Bootstrap幻灯轮播如何支持触屏左右滑动手势？

最近ytkah在学习用bootstrap搭建网站,Bootstrap能自适应pc端和手机端,并且移动设备优先,适合现如今移动营销.bootstrap是封装好的框架,需要某些功能只需调用相应的组件就可以,但有些还是没加入,比如幻灯轮播触屏左右滑动手势就不支持,大家用的设备基本是触屏的了,能用滑动交互在小屏幕上体验会更好,那么如何实现呢?一个比较简单的方法是增加一个滑动手势js插件:hammer.js,网上有很多cdn调用地址,像//cdn.bootcss.com/hammer.js/2.0.8/h

支持触屏的jQuery轮播图插件

移动轮播图我看到两类, 一款是无线天猫的m.tmall.com和携程,实现了无缝轮播. 一款是蘑菇街的,没有实现无缝轮播. 我自己重写一个,类似天猫. 1.页面代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8"> <head> <meta charset="UTF-8"> <title>基于

基于jQuery的移动轮播图（支持触屏）

移动轮播图我看到两款, 一款是无线天猫的m.tmall.com,实现了无缝轮播. 一款是蘑菇街的,没有实现无缝轮播. 我自己重写一个,类似蘑菇街 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基于jQuery的移动轮播图(支持触屏)</title> <style type="text/c

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

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

JS判断当前设备是 PC IOS Andriod

JS判断当前设备是 PC IOS Andriod <script > window.onload = function(){ var isPc = IsPC(); var isAndroid = is_android(); if (isPc){ //pc location.href = url; }else{ if (isAndroid){ //安卓 location.href = ""; }else{ //IOS location.href = "";

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

本文转自:http://www.cnblogs.com/duanguyuan/p/3534470.html 先给出一个实例:判断windows.linux.android 复制以下代码另存为html文件即可. <html> <head> <title>判断操作系统</title> <script type="text/javascript"> function detectOS() { var sUserAgent = nav

JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)

//平台.设备和操作系统 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||system.mac||system.xll){ alert("PC访问"); }else{ a

PHP和js判断访问设备是否是微信浏览器实例

PHP和js判断访问设备是否是微信浏览器实例,代码非常精简,适合新手学习. js判断是否是微信浏览器: 1 function is_weixin() { 2 var ua = window.navigator.userAgent.toLowerCase(); 3 if (ua.match(/MicroMessenger/i) == 'micromessenger') { 4 $("#rs").text("微信浏览器"); 5 } else { 6 $("#

JS案例之5——移动端触屏滑动

移动端触屏滑动的效果其实就是图片轮播,在PC的页面上很好实现,绑定click和mouseover等事件来完成.但是在移动设备上,要实现这种轮播的效果,就需要用到核心的touch事件.处理touch事件能跟踪到屏幕滑动的每根手指. 以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 touchcancel: //系统取消touch事件的时候触发,这个

前端判断是否APP客户端打开触屏，实现跳转APP原生组件交互之遐想

今天做了一个html的活动页面,本来马上就要完工,准备开开心心收尾,结果~... 产品突然提出需要说,要讲html中的某些交互和APP原生组件挂钩,心里一万头xxx奔过~ 静下心来思考以往我们是判断是否客户端打开都依赖于后端,通过app主动拼接参数的方式,传递给后端,后端告诉前端本次的加载是在app里还是app外,实现页面的特殊功能那我们发现,这个方式环节和局限性太多,我们无法保证客户端一定能够每个触屏页面都拼接我们需要的参数,而且我们的触屏页面有很多种,有的是活动需要的,有的是动态,有的是

js判断当前设备

最近用bootstrap做自适应,发现仍然很难很好的兼容web端和PC端的现实. 仔细观察百度,淘宝,京东等大型网站,发现这些网站都有对应不同客户端的子站. 例如: 站点 PC端url web端url 百度 www.baidu.com m.baidu.com 淘宝 www.taobao.com m.taobao.com 京东 www.jd.com m.jd.com 网易 www.163.com 3g.163.com 虽然对应不同的客户端做了不同的页面,但如何得知用户当前用的什么呢? 通过度娘找到

解决电脑访问Discuz!手机版（支持触屏版）

discuz电脑访问手机版的方法现在需要来修改一下2个文件,即可用电脑浏览discuz的手机版本:找到./source/function/function_core.php 文件,查找 : function checkmobile() { global $_G; 替换成: function checkmobile() { return true; //此为加上的内容 global $_G; 找到./source/class/discuz/discuz_application.php 文件,查找

JS判断移动设备最佳方法并实现跳转至手机版网页

我在开发的Magento或Wordpress主题时,通过都会制作手机版本,为了实现某个片段在手机端和桌面端不同功能,又或者如果是手机设备,就跳转到指定的网页上,那么这里就需要用到JS来做判断了,下面有一个简单的检测方法,经试验是可行的. 方法一:纯JS判断使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到<head>里即可. 1 <script type=”text/javascript”> 2 if( /Android|webOS|iPhone|iPad|iP

JS判断移动设备最佳方法

最实用的还是下面这个: 方法一:纯JS判断使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到<head>里即可. <script type=”text/javascript”> if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { window.location = “mobile.html”; //可以换成http地址

JS判断浏览器是否支持触屏事件

var hasTouch=function(){ var touchObj={}; touchObj.isSupportTouch = "ontouchend" in document ? true : false; touchObj.isEvent=touchObj.isSupportTouch?‘touchstart‘:‘click‘; return touchObj.isEvent; }

JS——2048(支持触屏及键盘操作)

<html> <head> <title>2048</title> <style type="text/css"> table { table-layout: fixed } table tr td{ background-color: #D7CE80; border:#666666; font-size:48px; } </style> <script type="text/javascript&

让BOOTSTRAP默认SLIDER支持触屏设备

var isTouch=('ontouchstart' in window); if(isTouch){ $(".carousel").on('touchstart', function(e){ var that=$(this); ]; var startX = touch.pageX; var startY = touch.pageY; $(document).on('touchmove',function(e){ touch = e.originalEvent.touches[]

js 判断移动设备、pc端、android、iPhone、是否为微信、微博、qq空间

varbrowser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit

js判断移动设备

在开发中可能需要去判断用户的设备重定向到相应的网址: 1. 判断 iPhone Android iPod if((navigator.userAgent.match(/iPhone/i))||(navigator.userAgent.match(/Android/i))||(navigator.userAgent.match(/iPod/i))) { window.location.href = 'http://playsteam.cn/'; } 2.判断 iPad if(navigator

js判断当前设备是否支持触屏

热门专题