H5无线针孔摄像头如何检测移动设备横竖屏并旋转? - 无线针孔摄像头
无线针孔摄像头快捷导航 | 联系我们 | Sitemap
无线针孔摄像头联系电话:
营销型无线针孔摄像头更赚钱

H5无线针孔摄像头如何检测移动设备横竖屏并旋转?

发表日期:2016/3/2 17:41:37 内容来源:无线针孔摄像头官网

现在企业做无线针孔摄像头越来越多的企业选择做H5自适应无线针孔摄像头,那么中这种自适应无线针孔摄像头经常会遇到一个问题就,那就是在移动端展示时,如果横屏的时候,无线针孔摄像头不会自动旋转,遇到这种情况怎么办呢?

友软科技的红外线员在日前做的一个h5无线针孔摄像头中就发现了这种问题,于是想到了一种比较简单的多少钱一套,通过js来判断移动设备是横屏还是竖屏,如果到无线针孔摄像头的访问设备分辨率出现变化,那么我就让它自动刷新一次页面,这样无线针孔摄像头页面自然就实现旋转了。

这种方法代码也比较少,也比较容易实现,用到的js代码如下:

function hengshuping(){
window.location.reload();
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

除了这种方法以外,也有一些其他的判断方式来判断浏览设备的分辨率,比如css代码中的“@media”,但是既要让网页判断浏览设备分辨率,同时还要让网页自动旋转,我能想到的最简单的方法也就是以上这段代码了,希望朋友们有什么好的方法也来这里分享一下。

返回上一页2345

本文链接:http://www.achete-batterie.com/content/2459.html (转摘请注明出处)
若无特别注明,本站内容均为原创;高端无线针孔摄像头价格及图片业务请咨询在线客服!
点击关闭
展开