判断手机横屏竖屏，切换时刷新一次页面

有些时候我们前端需要监听用户手机横屏还是竖屏放置，这个不难但是当我们切换横屏或者竖屏的时候，也许会涉及到刷新页面，我们不可以直接在js中写window.location.reload(); 因为这可能导致页面循环不断的刷新，所以就需要用某个变量控制，但是这个变量在页面刷新的时候不可以影响它的值，所以我在这用到了 localStorage 缓存的方法。

<script>window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);$(function(){  //页面加载时检查hengshuping();});function hengshuping() {if (window.orientation == 0 || window.orientation == 180) {var shu=window.localStorage.getItem('name')if(shu=='a'){window.location.reload();window.localStorage.setItem('name','b');}//alert('竖屏')orientation = 'portrait';return false;}else if (window.orientation == 90 || window.orientation == -90) {window.localStorage.setItem('name','a');//alert('横屏')orientation = 'landscape';return false;}}    </script>

判断手机横屏竖屏，切换时刷新一次页面相关推荐

android 横屏finish 会变竖屏,[android] Activity 的生命周期以及横屏竖屏切换时 Activity 的状态变化...
生命周期 Android 系统在Activity 生命周期中加入一些钩子,我们可以在这些系统预留的钩子中做一些事情. 例举了 7 个常用的钩子:protected void onCreate(Bund ...
Android 模拟器横屏竖屏切换设置
Android 模拟器横屏竖屏切换设置时间:2012-07-04 来源:设计与开发作者:Daniel 点击:5571 摘要: Android 模拟器旋转,横屏.竖屏切换设置,andr ...
h5手机横屏竖屏样式bug
状态竖屏横屏修改前修改后解决方法: function verticaHorizontalScreenChange() {//横屏竖屏切换处理事件函数if (window.orientatio ...
vue手机端横屏竖屏切换
1.建一个空白的vue文件,添加上如下代码 data() { this.$router.go(-1) return {} } 2.在需要横屏竖屏切换的页面中加入如下代码: beforeMount() ...
Android横屏竖屏切换的问题
转自:http://blog.sina.com.cn/s/blog_77c632410101790w.html 一.禁止横竖屏转换 Android横竖屏切换在手机开发中比较常见,很多软件在开发过程中为 ...
android 手机屏幕横屏竖屏切换
第一篇博客哦~ 本例子是实现简单的屏幕横竖切换的. 主要知识点: getRequestedOrientation() == ActivityInfo.SCREEN_ORIENTATION_PORTRA ...
[iOS]关于iOS中界面视图横屏/竖屏切换的问题总结
最近在项目中有个这样的需求:整个APP中界面也竖屏为主,且不能自动横竖屏切换,个别页面可以根据手机的方向横竖屏切换;其实实现起来也并不难,关于视图是否能旋转主要还是有没有设置支持,在工程的Genera ...
小程序横屏竖屏切换监听
一.在需要切换的页面.json中配置代码注:需要提前开启手机的屏幕旋转 {"usingComponents": {"nav-bar": "/pack ...
Android禁止横屏竖屏切换
在Android中要让一个程序的界面始终保持一个方向,不随手机方向转动而变化的办法: 只要在AndroidManifest.xml里面配置一下就可以了. 在AndroidManifest.xml的ac ...
Android手机横屏竖屏的应用
学习了一下在Android手机横屏的应用,记录下来以备查用. if(getRequestedOrientation() == ActivityInfo.SCREEN_ORIENTATION_LANDS ...

判断手机横屏竖屏，切换时刷新一次页面

判断手机横屏竖屏，切换时刷新一次页面相关推荐

最新文章

热门文章