何时不使用mobile-web-app-capable？

Question

我已经阅读了如何添加全屏模式的文章。

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">

将这些元标签添加到您的HTML中，可以让用户将该页面添加到主屏幕并将其用作应用程序。因此，我想知道是否有必要将这些元标签添加到我生成的几乎所有HTML中。毕竟，用户不必将它们安装为应用程序，但如果他们选择这样做，为什么要阻止呢？

我主要考虑未经身份验证的内容，从HTML服务器的角度来看，这是静态的，尽管由于客户端JavaScript的原因可能是交互式的。为了给您一个想法，可以考虑单页教程，其中可能包含一些交互式代码演示。类似这样的东西。

• 通过添加这些标签，我是否做出任何承诺？
• 在什么情况下应避免添加它们？

- MvG

Answer 1

你使用这些标签的唯一“承诺”是你的网站可以在没有浏览器按钮的情况下被访问和导航。大多数网站没有专门的“返回”按钮，用户最终会陷入死胡同。

你确实建议网站的一部分可以在没有互联网连接的情况下运行,否则，何必呢？添加到主屏幕上应该有一些理由，而不仅仅是使用书签。如果与常规书签相比，用户没有明显的好处，应避免使用这些标记。

对于你的例子，教程作为类似应用程序的快捷方式可能非常酷，特别是如果所有内容都被缓存，并且用户可以立即访问它，而无需互联网连接。但是，你应该考虑到用户可能需要在工作时引用多个教程。用单页“应用程序”的图标填满用户的主屏幕比使用浏览器选项卡更不方便。

如果你能添加改善“多个浏览器选项卡”场景的功能，那就是使用mobile-web-app-capable标签的理想方式。尝试制作一个将多个相关教程组合在一起并能轻松搜索前端内容的应用程序。

- elliottregan