通过移动浏览器打开时如何隐藏响应式 Web 应用程序的地址栏？答案

【问题标题】：How to hide Address bar of a responsive webapp when opening through mobile browser?通过移动浏览器打开时如何隐藏响应式 Web 应用程序的地址栏？
【发布时间】：2017-07-11 14:50:42
【问题描述】：

我有一个响应式网络应用程序，可从网络浏览器和移动浏览器访问。我想在应用程序加载后隐藏地址栏，这将在应用程序的每个其他页面中继续，这样感觉就像一个 APP。可以通过Javascript实现吗？

【问题讨论】：

首先查看以下链接以检测主机设备（移动设备或 PC）：stackoverflow.com/q/25542814/5538979。然后将地址栏的显示设置为none，以便在移动浏览器中隐藏它。

标签： javascript

【解决方案1】：

如果“地址栏”是指输入网站 url 的顶部栏，则不是：您不能仅通过 javascript 修改浏览器的外观。

您过去可以通过 javascript 打开没有地址栏的窗口，但出于安全原因，这已不再可能，因为用户应该能够看到他们所在的域。

顺便说一句，大多数移动浏览器已经有这种行为，一旦你滚动网页，它们就会隐藏地址栏......

【讨论】：

【解决方案2】：

如果您打算在响应式 Web 应用程序中添加一些额外的配置，那么您可以这样做。看看Progressive Web App。在这种类型中，用户可以选择为任何移动设备“添加到主屏幕”。然后地址栏将隐藏这种应用程序。

您必须在清单中添加的主要内容。

希望这会有所帮助。

【讨论】：

【解决方案3】：

您可以使用此方法将您的网站设置为全屏模式，您的地址栏将自动隐藏。您可以使用 JQuery OR Meta Tags 将浏览器设置为全宽，请参考this 链接。

它会帮助你。

谢谢

【讨论】：