因为有一个H5页需要横屏,在网上找了找资料,有说通过HTML5 API的,有说不能强制的,所以我就自己优化了一下;
代码中使用了jquery的语法设置,所以需要网页中加载;
还有几点需要优化:
1、横屏的时候禁止上向刷新;
限制
测试后,发现在微信,QQ,钉钉中都不能横屏,这是因为APP中限制了,需要打开横屏功能;
1、微信不能横屏,只能用户手动打开,参考:
http://jingyan.baidu.com/article/19020a0a38c36d529c284263.html
看来横屏这功能想用还是有各种困难啊。回头再研究一下!
主要代码如下:
/*强制横屏*/
function oScreen(className) {
this.className = className;
var That = this;
this.conW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
this.conH = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
console.log('conH:'+this.conH+'conW:'+this.conW)
var evt = "onorientationchange" in window ? "orientationchange" : "resize";
window.addEventListener(evt, function() {
var orientation = window.orientation;
switch (orientation){
case 90:
case -90:
orientation = '横'; //这里是横屏,可以console.log()打印出来,可以删除
That.vertical(className);
break;
default