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

最新推荐文章于 2024-08-31 21:11:23 发布

独徜徉

最新推荐文章于 2024-08-31 21:11:23 发布

阅读量1w

点赞数 1

分类专栏：显示适配文章标签： CocosCreator safari浏览器地址栏隐藏

本文链接：https://blog.csdn.net/qq_25076715/article/details/89886490

版权

safar浏览器中只有一个Creator网页,横屏后会自动全屏, 但是如果有多个网页,Creator网页横屏后safar浏览器无法全屏.关于此问题,解决文案如下,供大家参考

一、将项目打包,找到打包出的index.html文件,在html文件里,添加一个div标签和一个文本提示,代码如下:

<body>
  <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
  <div id="mask">
	<h1 id="tip">请向上滑动全屏显示</h1>
  </div>
  <div id="splash">
    <div class="progress-bar stripes">
      <span style=&#

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

独徜徉

关注关注

1
点赞
踩
7

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

Somnus_Rain的博客

12-16

4086

引言：之前版本由于新版IOS13不可用或者由于操作过于复杂于是进行了改进原文地址：https://blog.csdn.net/qq_25076715/article/details/89886490 针对IOS13 ,全屏隐藏地址栏 ，有需要自取，改进后方案地址：http://dec21.cn/blog/post/5df711635fe6c8060b000022 ...

cocos creator pc web端全屏

木木三的专栏

02-05

3110

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

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

将Google Chrome或Microsoft Edge浏览器的地址栏隐藏的方法

simple的博客

08-31

1万+

我们以百度首页为例，普通模式启动的页面通常会显示地址栏，如下图所示：而本文要实现的效果是隐去地址栏和书签栏（如果有的话），无法隐去标签栏，效果如下：从命令行启动，命令格式为“浏览器exe --app=目标网址”。使用Edge浏览器，找到msedge.exe所在全路径，在命令行运行：或使用Chrome浏览器：注意，目标网址一定要带有https://前缀，否则不能成功。以Microsoft Edge浏览器为例，Google Chrome也适用。复制一份浏览器的图标，修改其“属性-快捷方式-目标”，如下所

ios safari 隐藏地址栏 vue

weixin_40947240的博客

08-16

586

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

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

DullSwordCN的博客

08-12

4641

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

CocosCreatorFullScreen.rar

03-11

Cocos Creator的全屏显示，对不同分辨率下的Cocos Creator进行全屏显示，

隐藏浏览器地址栏

报喜鸟

06-13

936

window.open是打开新窗口的命令其中的参数url是为了传入需要打开的页面； newwindow可有可无； height是打开窗口的高度； width是打开窗口的宽度； top是窗口距离显示器顶端的像素数； left是窗口距离显示器左边的像素数； toolbar设置是否显示工具栏； menubar设置是否显示菜单栏； scrollbars设置是否显示滚动条； resiz...

如何隐藏浏览器的菜单栏、地址栏，浏览器窗口全屏，浏览器全屏分屏

热门推荐

haove的专栏

03-07

7万+

用cmd进入谷歌浏览器安装目录，执行：Chrome.exe --app=http://mis.chsi.com.cn/

CocosCreator h5游戏移动端全屏显示

大猪的博客

01-11

1万+

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

cocos creator PC 浏览器进入全屏

时丶光

05-19

1058

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

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

09-27

关于cocoscreator如何设置不全屏并且显示状态栏的具体方法(详细到傻瓜式操作)，适用于像我这种cocoscreator的小白，这种问题大神都不屑回答

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

09-04

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

mac网页全屏，不展示书签栏、地址栏

HLBoy_happy的博客

04-13

1692

全屏后，“显示”菜单中去掉“始终在全屏中显示工具栏”的对勾。：全屏后，“视图”菜单中选择“采用全屏模式时隐藏工具栏”。

CocosCreator 发布为网页全屏

SlowFeather's blog

02-26

3079

CocosCreator 发布为网页全屏前言未修改修改方法前言做的一个小东西需要套在别人写好的Web中，那肯定是用iframe所以Cocos打出的包也要是全屏可缩放的才能完美兼容。未修改网页版周围有白边修改方法从打出的包中找到index.html，并打开将上图框选内容（也就是GameDiv中的内容）替换成 <div id="GameDiv" style="width:100%; height: 100%;"> <canvas id="GameCanvas" w

ios全屏模式下避免跳转到safari浏览器，在苹果safari上实现全屏效果（让web页面以独立app的形式运行）

03-22

4390

添加meta标签，打开谷歌浏览器点击添加到主屏幕，重新启动，实现自动全屏（没有底部的地址栏了）。你可能不知道的一个功能：web 单页面应用可以在手机端以类似独立 app 的形式运行。有了这种功能，我们还需要给独立web页面添加一个在桌面上显示的图标。如果不放心，就再配合下面这个meta，将顶部状态栏变为白色。为透明，内容滚动的时候，透过状态栏可以看到下面的内容。重点是在safari中打开，然后点击中间的分享，找到。，应用以全屏模式运行，否则不会在全屏中运行。为不透明，看不到下面的内容。

Cocos 去除默认页 web端 (有小黑块的情况)

Wanf

06-15

739

index.html ：注释几行代码 <body> <canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas> <!-- <div id="splash"> <div class="progress-bar stripes"> <span style="width: 0%"></s.

Cocos creator 源码解析(二)

kenvs的博客

03-03

2031

序言上一篇写了关于CCGame.js的解读，当中用到了需要cc.director的函数，想必cc.director在引擎中也是举足轻重的，那么这一篇我们就来看看CCDirector.js的源码吧。话不多说，地址附上。 https://github.com/cocos-creator/engine/blob/master/cocos2d/core/CCDirector.js 源码解析 // ...

2MW风机发电并网模型：背靠背模式下的高效运行与完美波形

最新发布

05-29

内容概要：本文详细介绍了2MW大功率风机发电并网模型，特别是在背靠背模式下的应用及其优势。首先阐述了风力发电作为绿色能源的重要性，接着介绍了2MW风机的基本构造和特性，包括高效的发电能力和稳定的控制系统。随后讨论了风力发电并网模型的组成和关键组件，如变压器、断路器和滤波器。重点在于背靠背模式的应用，该模式通过连接两台风机形成闭环系统，提高了系统的稳定性和可靠性，减少了电网波动和能量损失。最后强调了该模型在实际运行中的高效率、稳定性和完美波形输出。适合人群：从事风电行业及相关领域的技术人员、研究人员和管理人员。使用场景及目标：适用于希望深入了解2MW风机发电并网模型的技术细节和应用场景的专业人士，旨在提升对风力发电系统的理解和优化能力。其他说明：本文不仅提供了理论背景和技术细节，还展示了实际应用中的效果，为未来的风电项目提供了宝贵的参考。

safari浏览器 下滑隐藏地址栏js

09-14

Safari 浏览器是一款由 Apple 开发的默认 Web 浏览器，对于 JavaScript 的支持通常与其他现代浏览器类似。如果你想要实现当用户向下滚动页面时自动隐藏地址栏（URL 显示区），这通常需要使用 JavaScript 动态监听滚动事件并调整网页布局。以下是一个简单的示例，展示了如何使用 jQuery 和 CSS 来实现这个功能： ```javascript $(window).scroll(function() { if ($(window).scrollTop() >= document.documentElement.clientHeight - window.innerHeight) { // 当滚动到页面底部附近 $('header').addClass('hidden-address-bar'); // 添加CSS类来隐藏地址栏 } else { $('header').removeClass('hidden-address-bar'); // 移除CSS类显示地址栏 } }); // CSS样式 .hidden-address-bar { position: fixed; /* 防止随着内容滚动 */ top: -50px; /* 设置初始位置在屏幕之外 */ } ``` 在这个例子中，我们假设有一个`header`元素包含地址栏，当滚动到页面底部时添加 `.hidden-address-bar` 类，该类会设置其 `top` 属性为负值，使其超出视口范围而隐藏。