京东wap端怎么把浏览器自带的工具栏隐藏起来的？

Question

今天发现京东手机端可以把浏览器底部工具栏隐藏起来，想知道是怎么做到的呢？

<meta name="apple-mobile-web-app-capable" content="yes" />
这段代码我已经加在了head头里，但是没有效果。

---

这是刚进入京东的效果，底部菜单和顶部地址栏都还显示着。

往上拉，底部菜单隐藏起来了。

Answer 1

这是一个渐进式Web应用程序(PWA)，可以配置manifest.json来修改显示模式

<link rel="manifest" href="/manifest.json">

可以修改display来Web应用程序的首选显示模式。

详情可以参考 https://developer.mozilla.org...

不过兼容性的话就很局限了，可以加上这些达到渐进增强的目的