HTML5   发布时间:2022-04-27  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了阻止iPad Web应用程序显示Safari地址栏大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在iPad上的Safari上运行了一个Web应用程序.我从iPad主页启动应用程序.我希望应用程序以全屏模式启动,并继续以全屏模式运行(即不显示Safari地址栏).因此,我已将以下元标记添加到网站母版页:

<Meta name="apple-mobile-web-app-capable" content="yes" />
<Meta name="apple-mobile-web-app-status-bar-style" content="black" />
<Meta name="viewport" content="width=device-width">

我从iPad主页启动应用程序,它在全屏模式下启动(不显示Safari地址栏),但是当我点击一个站点中的另一个页面时(使用相同的元标记,继承自相同的元标记)站点页面)然后地址栏突然弹出视图(并保持在视图中).该链接如下(我正在使用jQuerymobilE)

<a href="/Home" data-ajax="false">Home</a>

当在内部页面之间导航时,如何通过保持地址栏隐藏来强制Web应用程序保持看起来像“本机应用程序”?

解决方法

如果您使用外部链接,似乎Mobile Safari不会“本机”支持全屏.一旦你使用html锚点,它就会翻转出全屏模式. window.scrollTo可能是一个适用于某些人的解决方法,但我也想避免在转换到非全屏模式时UI翻转的方式.

答案是使用window.LOCATIOn.assign().这使全屏应用程序保持“原生”全屏模式.您只需要将您的标记重构为Javascript window.LOCATIOn.assign(url)调用 – 然后将该内容保存在全屏幕中.

大佬总结

以上是大佬教程为你收集整理的阻止iPad Web应用程序显示Safari地址栏全部内容,希望文章能够帮你解决阻止iPad Web应用程序显示Safari地址栏所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。