js 判断手机横竖屏的实现方法（不依赖任何其他库）

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8" /> <meta name="viewport" content="width=device-width" /> <title>手机横.竖屏事…

在移动端开发时,有时候需要判断手机的横竖屏,那么就需要用到window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态. 屏幕方向对应的window.orientation值: ipad或iPhone: 90 或 -90 横屏ipad或iPhone: 0 或180 竖屏Andriod:0 或180 横屏Andriod: 90 或 -90 竖屏使用 jQuery 判断iPad.iPhone.Android是横屏还是竖屏的方法 function direction…

zepto判断手机横竖屏

var CheckOrientation = (function(){ var win = $( window ), get_orientation, last_orientation, initial_orientation_is_landscape, initial_orientation_is_default, portrait_map = { "0": true, "180": true }, ww, wh, landscape_threshold; if(…

CSS3(@media)判断手机横竖屏

@media all and (orientation : landscape) { h2{color:red;}/*横屏时字体红色*/ } @media all and (orientation : portrait){ h2{color:green;}/*竖屏时字体绿色*/ }…

手机触屏触摸特效javascript-TouchSwipe（依赖于jquery库）中文说明

by 郑州seo on 2013 年 7 月 6 日 in jquery, 网站建设 with 6 Comments 最近需要做一个手机小门户网站,因为目前主流的手机都是安卓和苹果的,他们的浏览器内核都是webkit,这就意味着手机网站是可以用html5和css3开发的,越开发越感觉到html5和css3的强大与它的重要性,且不谈html5和css3,做网站的时候遇到了一个大问题,就是触摸js的问题,以前都是写的电脑端的js,突然接触到触摸屏的js可真是脑袋大了,因为手机网站属于初期,即使你有问…

js判断手机浏览器是横屏or竖屏

移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态. 从而根据实际需求而执行相应的程序.通过添加监听事件onorientationchange,进行执行就可以了. //判断手机横竖屏状态: function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态!") } if(window.orientation==…

H5 手机横竖屏判读

$.fn.screenCheck = function() { var pDiv = $('<div></div>'); pDiv.addClass("screenCheck"); pDiv.attr("id","screen") pDiv.css({ "display": "none", "width": "100%", "heig…

js判断手机浏览器操作系统和微信浏览器的方法

做手机端的前端开发,少不了对手机平台的判断.如,对于app下载,就要判断在Android平台下就显示Android下载提示:在iOS平台下就显示iOS下载提示. 今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法: <script type="text/javascript"> //手机端判断各个平台浏览器及操作系统平台 function checkPlatform(){ if(/android/i.test(navigator.userAgent)){ docu…

js判断手机横屏模式

js判断手机横屏模式方法名称:orientation 实例: if(window.orientation!=0){ var obj=document.getElementById('orientation'); alert('横屏内容太少啦,请使用竖屏观看!'); obj.style.display='block'; } window.onorientationchange=function(){ var obj=document.getElementById('orientation');…

JS判断字符串长度的5个方法

这篇文章主要介绍了JS判断字符串长度的5个方法,并且区分中文和英文,需要的朋友可以参考下目的:计算字符串长度(英文占1个字符,中文汉字占2个字符) 方法一: 代码如下: String.prototype.gblen = function() { var len = 0; for (var i=0; i<this.length; i++) { if (this.charCodeAt(i)>127 || this.charCodeAt(i)==94) { …

js 判断数组包含某值的方法和 javascript数组扩展indexOf()方法

迅为4412开发板QtE系统源码-屏幕横竖屏切换修改方法

迅为4412开发板QtE系统源码-屏幕横竖屏切换修改方法详情了解:http://topeetboard.com 更多了解:https://arm-board.taobao.com/ 用户在开发板上运行 QtE 的程序之后,如下图所示. 作者运行的是 QtE4.7.1 系统,在串口控制台使用命令“vi bin/qt4”,打开脚本文件 qt4.如下图所示,进入脚本最底行. 如上图所示,红色框中“export QWS_DISPLAY=Transformed:Rot0”,这是设置屏幕翻转的配置,“R…

js判断字符是否为空的方法

js判断字符是否为空的方法: //判断字符是否为空的方法 function isEmpty(obj){ if(typeof obj == "undefined" || obj == null || obj == ""){ return true; }else{ return false; } } 使用示例: if (!isEmpty(value)) { alert(value); }…

电视不支持AirPlay镜像怎么办？苹果iPhone手机投屏三种方法

导读:苹果手机多屏互动功能在哪里?iPhone苹果手机没有AirPlay镜像怎么办?三种方法教你苹果iPhone手机怎么投影到智能电视上. 前言: 苹果iPhone手机投屏到电视设备上,需要使用到AirPlay镜像功能,但是有些电视不支持AirPlay镜像怎么办?别慌下面几个方法中就可以帮你解决. 方法一: 准备工作:将智能电视和苹果手机置于同一局域网内. 步骤一:开启苹果手机,手指从手机屏幕的底部向上滑动,拉出“控制界面”,点击“控制界面”中的“AirPlay”选项. 步骤二:在“AirPla…

js判断手机的横竖屏调整样式

在移动端,我们经常遇到横竖屏的问题,所以我们改如何判断或针对横竖屏来写代码呢.首先需要在head中加入如下代码: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 针对上面的viewport标签有如下说明: 1).content 中的width指的是虚拟窗口的…

js移动端横竖屏检测

方法一:用resize事件来判断,利用屏幕的宽高比,来判断横竖屏 (兼容性较好) (function () { var updateOrientation = function () { var orientation = (window.innerWidth > window.innerHeight)? 'landscape' : 'portrait'; if(orientation === 'landscape'){ //横屏 } else if(orientation === 'portr…

Javascript 判断网页横竖屏

本篇文章由:http://xinpure.com/javascript-to-determine-page-anyway-screen/ Html5 流行至今,自适应的网站已经多如牛毛,但是横竖屏的切换依然还是影响用户体验的一个重点(在网页中,竖屏的用户体验显然是高于横屏的). 使用 orientation 判断横竖屏我们可以通过 JS 的 window.orientation 来判断当前网页窗口的方向 <script type="text/javascript"> fu…

js判断手机是否安装了某一款app，有则打开，没有去下载

function openApp(){ if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { var loadDateTime = new Date(); window.setTimeout(function() { var timeOutDateTime = new Date(); if(timeOutDateTime - loadDateTime < 5000) { window.location = "要跳转的下载app页面…

js判断手机系统和微信

//判断手机浏览器 var ua = navigator.userAgent; var ipad = ua.match(/(iPad).*OS\s([\d_]+)/), isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/), isAndroid = ua.match(/(Android)\s+([\d.]+)/), isMobile = isIphone || isAndroid; if(isIphone || ipad){//如果是…

通过js判断手机访问跳转到手机站

第一种方法: <script> ){ //pc //window.location.href="电脑网址"; }else{ //shouji window.location.href="手机网址"; } </script> 第二种方法: <script type="text/javascript"> function browserRedirect() { var sUserAgent= navigator.u…

js判断字符是否存在汉字的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Ty…

js和css实现手机横竖屏预览思路整理

实现效果,如上图. 首先,实现手机页面在PC端预览, 则先在网上找到一个手机的背景图片,算好大概内间距,用来放预览的页面,我这里是给手机预览页面的尺寸按iphone5的尺寸来的: 一个手机页面在这里预览,要通过<iframe>标签,左边选择不同的select选项,通过监听select选项的值,在js中动态改变iframe的src来实现: 因为要实现横屏和竖屏的预览,切记,千万不能在点击横屏的时候,把竖屏的页面旋转90度,这样是没有效果的,因为预览页面的本身还是竖屏的,只是页面跟着一起旋转了90…

javascript判断iphone/android手机横竖屏模式的函数

function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait // Javascript to setup Portrait view break; case -90: // Landscape: turned 90 degrees counter-clockwise case 90: // Landscape: turned 90…

JS判断鼠标进入容器方向的方法和分析window.open新窗口被拦截的问题

1.鼠标进入容器方向的判定判断鼠标从哪个方向进入元素容器是一个经常碰到的问题,如何来判断呢?首先想到的是:获取鼠标的位置,然后经过一大堆的if..else逻辑来确定.这样的做法比较繁琐,下面介绍两种比较方便的方法: 第一种方法,利用圆和反正切三角函数如下图所示: 以div容器的中心点作为圆心,以高和宽的最小值作为直径画圆,将圆以[π/4,3π/4),[3π/4,5π/4),[5π/4,7π/4),[-π/4,π/4)划分为四个象限. 代码如下: $(".box").on("…

【转】js判断手机访问网页

原理:原理有两个,第一:通过游览器(browser)判断是否是手机:第二:通过访问终端判断是否是手机(userAgent):但是通常考虑到兼容性,需要这两种原理同时使用:具体的实现如下: JS实现: function checkBrowser(){ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u…