我们正在努力让我们的网络应用程序作为全屏网络应用程序运行.我使用这些元标记让它工作:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="Full Screen">
Run Code Online (Sandbox Code Playgroud)
因此,现在当您从iPhone或Android设备上的主屏幕启动Web应用程序时,它将全屏启动(没有浏览器控件).
现在我们需要一种允许用户退出的方法,我希望创建一个具有退出按钮的菜单但是使用window.close()在chrome中给出了以下错误:
Scripts may close only the windows that were opened by it.
Run Code Online (Sandbox Code Playgroud)
处理这个问题的正确方法是什么?
当我们点击它时,我正试图全屏显示我的网站元素,它适用于Chrome,IE,但不适用于Firefox.
我去了microsoft全屏API,我测试了代码,这些浏览器都没有问题.
这是我想要全屏放入我网站的部分.
<div class="wrap">
<div class="signin">
<div style="margin: 2px 0px -25px 10px;"><h1>Sign In or <a href="<?php echo $this->url(array('module' => 'default','controller'=>'paid-sign-up','action'=>'index'),null,true); ?>" style="color:#F00;text-decoration:none;">Signup</a></h1></div>
<?php echo $this->signin(); ?>
<span class="forget">
<a href="<?php echo $this->url(array('module' => 'default','controller'=>'forgot-password','action'=>'index'),null,true); ?>">Forgotten Password?</a> </span>
</div>
Run Code Online (Sandbox Code Playgroud)
这里是我使用的脚本
<script type="text/javascript">
var inFullScreen = false; // flag to show when full screen
var fsClass = document.getElementsByClassName("wrap");
for (var i = 0; i < fsClass.length; i++) {
fsClass[i].addEventListener("click", function (evt) {
if (inFullScreen == false) {
makeFullScreen(evt.target); // …Run Code Online (Sandbox Code Playgroud) 我正在开发一个应用程序,我希望实现这样的事情:如果用户从一个组件离开并进入其他组件,那么在其他组件的ngOnInit方法中,chrome浏览器应该全屏显示与按Fn + F11键时相同的全屏.
任何帮助或参考表示赞赏.
javascript ×2
android ×1
angular ×1
angular6 ×1
firefox ×1
fullscreen ×1
iphone ×1
typescript ×1