方向显示错误,而旋转设备谷歌浏览器
Orientation is shown wrong while rotating device Google chrome
我有一个HTML5页面,它决定设备是"纵向"模式还是"横向"模式。
下面是我提醒方向的代码。有时当我从横向切换到纵向时,它仍然提醒为横向,我检查的坐标显示为错误。测试设备为Google Nexus
Tablet Google Nexus 7android版本4.2.2Chrome应用版本:35.0.1916.141操作系统android 4.4.2;Nexus 7 Build/KOT49HJavascript版本:V8 3.25.28.18
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="page">
</div>
</body>
</html>
<script type="text/javascript">
function pageSetter() {
if (window.matchMedia("(orientation: portrait)").matches) {
// you're in PORTRAIT mode
alert('Portrait');
}
if (window.matchMedia("(orientation: landscape)").matches) {
// you're in LANDSCAPE mode
alert('LANDSCAPE');
}
}
pageSetter();
window.addEventListener("orientationchange", function () {
pageSetter();
}, false)
</script>
窗口。Orientation ==0为默认方向。并不意味着它处于竖屏模式。下面的链接详细说明。
对窗口朝向的误解
解决方案是使用Resize来代替
横向/纵向检测
相关文章:
- 为什么可以't我在谷歌浏览器中返回cookie
- 谷歌浏览器没有阅读Jsfidle程序
- Javascript字母选择没有'我不能在谷歌浏览器上工作
- 我的时间倒计时脚本在谷歌浏览器中工作正常,但在其他浏览器中打开时它显示为南楠
- 列出谷歌浏览器中安装的所有扩展程序
- 谷歌浏览器模式正则表达式在使用setCustomValidity动态创建表单时不起作用
- 谷歌浏览器扩展程序画布图标
- 谷歌浏览器控制台,打印图像
- 为什么我的谷歌浏览器扩展程序在谷歌浏览器版本 41.0.2272.89 中不起作用
- 多个 socket.io 客户端连接不起作用(谷歌浏览器,火狐浏览器)
- 对象在谷歌浏览器中没有方法“焦点”
- 谷歌地图API v3自定义光标在谷歌浏览器中的热点
- 我们如何在谷歌浏览器的每个页面上打印表格标题
- 谷歌浏览器中的getUserMedia
- 在谷歌浏览器中,标签之间最快的通信是什么
- 在谷歌浏览器中用程序固定一个标签
- 为什么javascript在谷歌浏览器上不起作用
- window.打开谷歌浏览器中的选项卡和窗口
- 如何在谷歌浏览器中使用step-int和step-over'用于调试Java脚本的Web检查器
- 方向显示错误,而旋转设备谷歌浏览器