CocosCreator解决强制横屏/竖屏（H5）

最新推荐文章于 2023-02-21 14:03:29 发布
最新推荐文章于 2023-02-21 14:03:29 发布
阅读量5.3k 收藏 7
点赞数 2
分类专栏： cocos-creator 文章标签： cocos-creator js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangyaoheng177/article/details/122149320
版权

问题

开发中遇到的问题，竖屏项目，打包时选择了设备方向为竖屏，但是打包后的H5发布在一些APP内部打开ios端无问题，在安卓端会变成横屏并全屏。

解决

  1. 打包时选择强制竖屏，未解决
  2. 代码中添加cc.screen.exitFullScreen()，未解决
  3. 在这里插入图片描述 注释了打包后的index.html中的部分meta标签，未解决
  4. 在这里插入图片描述注释打包后的main.xxxx.js中的此处代码，解决（亲测只需要这里做处理就可以完美解决，不行可以再尝试以上方法）
plover.
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
cocos creator横竖屏切换问题
Bubble157的博客
04-18 4642
脚本代码 1.web平台直接调用cc.view.setOrientation（原生平台调用原生代码） changeOrientationH = function (val) { let w = cc.view.getFrameSize().width; let h = cc.view.getFrameSize().height; if (val && w ...
CocosCreator | 横竖屏切换
Valiancer
01-17 3276
更多笔记和源码请关注：【微信公众号】 CocosCreator笔记 Step 1 适配的UI加上widget Step 2 撸代码 //V H setOrientation(dir)...
cocos creator小程序改变横屏竖屏
weixin_58503231的博客
02-21 3014
让小程序横屏。
cocos creator h5横竖屏转换
chuYuanZhang的博客
09-28 5166
H5游戏里需要用到横竖屏切换，如果是竖屏切换横屏 cc.view.setOrientation(cc.macro.ORIENTATION_LANDSCAPE) 这个是横批切换竖屏的 cc.view.setOrientation(cc.macro.ORIENTATION_PORTRAIT) 以上方法需要再切换场景之前调用 ...
cocos2d-x-2.2.3安卓横竖屏自动切换
11-26
cocos2d-x-2.2.3安卓横竖屏自动切换
移动端，禁止横屏显示模板，干货！！！
高桥留de博客
05-28 3688
移动端，禁止横屏显示模板
手机页面强制横屏显示 html5 h5页面 强制横屏 可更改竖屏
02-08
在移动设备上，有时我们可能需要特定的网页或者H5页面在用户打开时强制横屏显示，以便提供更好的用户体验或适应特殊的内容展示。这通常涉及到HTML5和CSS3的一些技术来实现。以下是一些关于如何实现手机页面强制横屏...
uniapp中设置横屏竖屏
07-06
2. 系统自动旋转：大多数设备允许用户自由旋转屏幕，根据设备的物理位置自动切换横竖屏。 3. 程序锁定：开发者可以通过代码控制应用仅支持特定的方向，如始终竖屏或始终横屏，或者在特定页面中切换方向。 二、uni-...
cocoscreator不全屏，显示状态栏设置方法
09-27
关于cocoscreator如何设置不全屏并且显示状态栏的具体方法(详细到傻瓜式操作)，适用于像我这种cocoscreator的小白，这种问题大神都不屑回答
关于移动端页面强制竖屏的方法
09-22
有经验的你肯定知道，当用户竖屏打开时，提示说你要把手机转过来是在是件很傻×的事情。这时如果用户没开启手机里的横屏模式，还要逼...这篇文章主要介绍了关于移动端页面强制竖屏的方法，感兴趣的小伙伴们可以参考一下
让移动端网页强制横竖屏
08-10
让移动端网页强制横/竖屏
手机页面强制竖屏显示 强制竖屏 js css 手机屏幕竖屏
02-08
手机页面强制竖屏显示 横屏会有手机旋转遮罩提示 之前整理的文件 现在清理电脑，先上传，以备下次使用...
手机横竖屏切换事件
02-26
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8" /> <meta name="viewport" content="width=device-width" /> <title>手机横、竖屏事件</title> [removed] //屏幕方向标识，0横屏，其他值竖屏 var orientation=0; //转屏事件，内部功能可以自定义 function screenOrientationEvent(){ if(orientation == 0)document.getElementById("change").value="竖"; else document.getElementById("change").value="横"; } var innerWidthTmp = window.innerWidth; //横竖屏事件监听方法 function screenOrientationListener(){ try{ var iw = window.innerWidth; //屏幕方向改变处理 if(iw != innerWidthTmp){ if(iw>window.innerHeight)orientation = 90; else orientation = 0; //调用转屏事件 screenOrientationEvent(); innerWidthTmp = iw; } } catch(e){alert(e);}; //间隔固定事件检查是否转屏，默认500毫秒 setTimeout("screenOrientationListener()",500); } //启动横竖屏事件监听 screenOrientationListener(); [removed] </head> <body <input id="change" type="text" value=""/> </body> </html>
uniapp的移动端h5的横屏电子签名
06-01
自定义一个h5页面，实现可以横屏手写电子签名的功能，且支持回显（图片可以转化为签字版的canvas，且支持在此基础上继续进行手写签名）由于uniapp微信小程序支持横竖屏切换配置，但是移动端h5不支持。自定义一个h5...
监听H5的横竖屏
HuaiCheng9067的博客
05-20 2143
真正想要H5强制竖屏，兼容性上是比较难处理的，然而可以通过别的方式达到类似的效果； 1、检测H5横竖屏 2、检测到横屏时，给出提示，并隐藏页面元素（引导用户竖屏） 话不多说，直接上代码 window.addEventListener("resize", function (event) { clearTimeout(this.dialogTimeout) this.dialogTimeout = setTimeout( () =>{ if
cocoscreator固定旋转_cocoscreator全平台横竖屏切换
weixin_33245246的博客
12-30 4163
笔者所使用的方案经历了正式的线上项目使用，请放心食用假设项目的设计分辨率为1920x1080一、全平台通用逻辑无论是Android、IOS还是h5，进行横竖屏切换，都需要执行下面对应代码，而h5执行之后，就能完美适配横竖屏切换了。Andriod、IOS 还需要一些其他的处理。首先// 获取屏幕物理分辨率let frameSize = cc.view.getFrameSize()竖屏cc.view....
Cocos Creator项目发布h5端的横竖屏问题
暗夜—心~殇
10-06 1987
在Cocos Creator项目发布h5端的时候,有时候会发现竖屏的游戏是横屏,横屏的游戏是竖屏,一般的解释是在项目设置里面修改横竖屏和分辨率,有时好你会发现还是一样的问题,设置根本就不管用,现在说的就是这种情况 这种情况主要是在引擎界面的上的设置没有生效,所有需要在项目里的json文件里面修改分辨率 local—>builder.json ...
手机端html只允许竖屏,关于移动端页面强制竖屏的方法
weixin_30726605的博客
06-20 1647
最近工作中写了一个移动端的页面，本来是没什么的，但是有一个要求感觉很奇怪，从前也没有遇到过，就是我写的这个页面需要放在一个APP中，但是这个APP是横屏的，打开这个页面的webview也是横屏的(最新版的APP打开的时候是竖屏的webview)，本来我们是用的rem布局，横屏的状态下也是没有什么问题的，但是甲方希望在横屏打开的时候强制这个页面竖屏显示。所以就有了下面一系列的操作了。首先是判断横屏的...
uniapp强制横屏
最新发布
07-27
在UniApp中强制横屏可以通过以下步骤实现： 1. 在`manifest.json`文件中添加以下代码： ```json { "h5": { "screenOrientation": "landscape" } } ``` 设置`screenOrientation`为"landscape"可以强制应用程序在H5环境下横屏显示。 2. 如果你的应用程序需要在原生平台（如Android和iOS）中强制横屏，你需要使用对应平台的插件来实现。你可以在UniApp插件市场中搜索相关插件，并按照插件的文档进行配置和使用。 需要注意的是，强制横屏可能会对用户体验产生一定影响，因此在使用前请确保明确了解用户需求并进行评估。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值