Cocos Creator safari浏览器横屏全屏,隐藏地址栏

最新推荐文章于 2024-08-16 09:41:53 发布

原创最新推荐文章于 2024-08-16 09:41:53 发布 · 4.2k 阅读

0 ·

CC 4.0 BY-SA版权

CocosCreator 专栏收录该内容

1 篇文章

订阅专栏

引言：之前版本由于新版IOS13不可用或者由于操作过于复杂于是进行了改进

原文地址：https://blog.youkuaiyun.com/qq_25076715/article/details/89886490

针对IOS13 ,全屏隐藏地址栏，有需要自取，

改进后方案地址：http://dec21.cn/blog/post/5df711635fe6c8060b000022

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Somnus_Rain

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Cocos Creator safari浏览器横屏全屏如何隐藏地址栏?

qq_25076715的博客

05-21

1万+

safar浏览器中只有一个Creator网页,横屏后会自动全屏,但是如果有多个网页,Creator网页横屏后safar浏览器无法全屏.关于此问题,解决文案如下,供大家参考一、将项目打包,找到打包出的index.html文件,在html文件里,添加一个div标签和一个文本提示,代码如下: <body> <canvas id="GameCanvas" oncontext...

Cocos Creator实现windows窗口全屏

wudics的专栏

12-29

6550

发布Cocos Creator来发布全屏的windows游戏客户端，默认是窗口模式的。要实现全屏需要改动Cocos Creator提供的desktop端构建源码，要修改的文件为： # 通过glfw创建全屏窗口 C:\CocosCreator\resources\cocos2d-x\cocos\platform\desktop\CCGLView-desktop.cpp 以及 # 通过传递尺寸参数修...

4 条评论您还未登录，请先登录后发表或查看评论

iphone的safari浏览器中实现全屏浏览的方法

09-04

主要介绍了iphone的safari浏览器中实现全屏浏览的方法,同时介绍了Add to Home Screen功能的实现方法,需要的朋友可以参考下

Cocos Creator 在手机浏览器中运行，点击会变成全屏

DullSwordCN的博客

08-12

4770

在构建之后的main.js中，去掉 cc.view.enableAutoFullScreen()或者手动改写成cc.view.enableAutoFullScreen(false) https://www.cnblogs.com/slly/p/6382159.html 其他的不清楚，但微信浏览器好像就是无法全屏。...

使用webview的h5游戏在iPhoneX设备全屏的实现

ch_majia的博客

07-26

2111

用cocosCreator做的h5小游戏，在有刘海的iphone上无法全屏，出现了安全区问题。折腾了一下午，主要是对h5和html这些web 的东西很陌生，现在基本解决了问题。由于我们的前端载体是基于quickcocos3.3的内嵌webview实现，因此还需要找的cpp部分创建uiwebview的代码修改部分。主要需要修改两处实现： 1.在cocos2dx引擎的UIWebVIewI...

cocos creator PC 浏览器进入全屏

时丶光

05-19

1171

以上方式均无效使用如下方式即可。

cocos2d-x - ios7隐藏状态栏

Colin丶

02-09

3424

1.打开Resources文件下的info.plist文件 2.在plist中添加一行,key为:View controller-based status bar appearance,设置value为NO(如下所示) 这样即可隐藏掉状态栏。另外,如果以上方法行不通，网上还有其他方法。（ps:我没试过，因为我按照上述方法能隐藏。先mark下） 2. 如果不管用

cocos creator pc web端全屏

木木三的专栏

02-05

3319

cocos creator开发时，web全屏一般都会想到使用cc.view.enableAutoFullScreen，但是发现并没有效果，点击全屏没反应，没办法，只能去看引擎代码，在cocos creator engine目录下，有一个CCView.js,发现enableAutoFullScreen只适用于移动平台，PC端的不适用，那PC端的web全屏怎么处理呢，在网上找了大量的参考，也没找到，后来在creator.d.ts文件里发现了，如图：这里面才是真正的实现全屏的方法，但是直接用cc.scr.

cocoscreator不全屏，显示状态栏设置方法

09-27

在CocosCreator中，有时我们可能需要让游戏不全屏显示，并保留设备的状态栏，比如在Android和iOS平台上。这通常是为了保持用户与系统交互的能力，例如查看时间、电量等信息。下面将详细介绍如何在CocosCreator中实现...

CocosCreatorFullScreen.rar

03-11

本教程将围绕"Cocos Creator的全屏显示"这一主题，深入讲解如何实现不同分辨率下的全屏显示，并讨论相关技术细节。首先，了解Cocos Creator中的屏幕适配策略。Cocos Creator提供了多种适配模式，包括固定宽高比、...

【cocos creator】网页/浏览器读取保存json/text文件

04-02

在Cocos Creator中，网页或浏览器环境下的文件操作与传统桌面应用有所不同，因为它们受到安全策略的严格限制，比如沙箱环境和同源策略。不过，开发者仍然可以通过一些API和技巧来实现读取和保存JSON或文本文件。下面...

CocosCreator h5游戏移动端全屏显示

大猪的博客

01-11

1万+

文章里的方法主要是针对creator游戏引擎的构建后项目，但是也可以由此文章中的方法，再作针对其他h5游戏引擎的修改，由此借鉴出其他h5游戏引擎的全屏显示。先来看构建后的文件结构：其中，红色框里的文件是需要自定义的，css、dist和img文件夹是creator不会构建出来的，需要自己加上去。index.html是creator构建出来的，我们需要对它进行修改。再看css、d...

h5页面滚动如何让safari浏览器地址栏消失

weixin_52259399的博客

07-04

2712

之前将overflow-y:scroll设置在页面最外层的一个dom上,dom设置一定的高度,这样页面虽然可以滚动,但是safari浏览器底部地址栏一直存在.背景:针对于在safari浏览器打开的h5页面,若页面是可滚动装填,safari浏览器底部会有默认地址栏,导致滑动起来很难受,想要在滑动页面时,底部导航栏消失可以用一下办法.只需要更改最外层高度为fit-content就可以了,safari浏览器页面会自动监听滚动隐藏底部地址栏。

ios safari 隐藏地址栏 vue

weixin_40947240的博客

08-16

866

我整理的一些关于【VUE】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/f2PFnN在 iOS Safari 中隐藏地址栏的方式在许多 web 应用程序中，隐藏地址栏可以提供更好的用户体验，尤其是在全屏应用和游戏中。由于 iOS Safari 的特别行为，想要实现这一点需...

手机浏览器玩h5游戏隐藏地址栏或者全屏

游戏人生

02-21

3913

Cocos 解决华为等安卓机底部带虚拟导航栏

对酒当歌﹏✍

07-27

1861

1、引言 2、分析 3、解决问题 3.1、找文件 3.2、改代码 4、文件下载 1、引言最近项目就要上线了，发现华为等一列手机带底部导航栏。挡着了底部游戏的一些画面，虽然华为可以自由设置。但是还是很不方便，难道用户进入我们的游戏还要再设置一次，这未免太不方便了。为了给用户带去更好的体验，我们打算做到自动隐藏，不用让用户来手动处理！ 2、分析我们知...

uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏？三种解决办法

最新发布

05-25

### Safari 浏览器中实现 Cocos Creator 的全屏功能在 Safari 浏览器中实现 Cocos Creator 的全屏功能，主要依赖于 HTML5 提供的 `Fullscreen API`。然而需要注意的是，不同浏览器对 Fullscreen API 的支持可能存在差异，尤其是像 Safari 这样的浏览器可能需要特定的前缀或者额外处理。以下是实现的具体方式： #### 判断当前渲染模式并启用全屏如果项目运行在 Canvas 渲染模式下，则可以使用如下代码来控制全屏行为。注意，在设置全屏之前应先确认渲染类型是否为 Canvas[^2]。 ```javascript if (cc._renderType === cc.game.RENDER_TYPE_CANVAS) { const canvas = document.getElementById('GameCanvas'); // 获取画布对象 function launchFullScreen(element) { if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.mozRequestFullScreen) { // Firefox element.mozRequestFullScreen(); } else if (element.webkitRequestFullscreen) { // Chrome, Safari and Opera element.webkitRequestFullscreen(); } else if (element.msRequestFullscreen) { // IE/Edge element.msRequestFullscreen(); } } // 启动全屏 launchFullScreen(canvas); } ``` 此代码片段通过检测不同的浏览器特性调用了相应的全屏接口，并特别针对 WebKit 内核（如 Safari 使用的引擎）提供了兼容性解决方案。 #### 关闭全屏状态的方法当用户希望退出全屏时，也可以提供类似的逻辑让用户返回正常视图大小。下面是一个简单的例子用于关闭全屏显示： ```javascript function exitFullScreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { // Firefox document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { // Chrome, Safari 和 Opera document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { // IE/Edge document.msExitFullscreen(); } } // 调用该函数即可退出全屏 exitFullScreen(); ``` 以上两部分代码分别实现了进入和退出全屏的功能，适用于大多数现代浏览器环境下的应用开发需求[^1]。 #### 注意事项由于安全原因，某些移动版 Safari 可能会限制 JavaScript 对全屏操作的支持程度；因此建议测试实际效果以验证其可行性。另外还需留意 iOS 平台上的特殊权限设定可能会进一步影响最终表现形式。