84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
webapp如何像一些native app一样使用Android 5.0+和iOS的沉浸式状态栏效果呢？如果单纯的webapp无法实现的话，使用phonegap生产的hybrid app可以实现吗？效果如：
走同样的路，发现不同的人生
cordova-plugin-fullscreen
状态栏沉浸是靠layout和style实现，webapp页面也需要layout容器支撑，所以实现当然是可以的。webapp并不是纯粹的web，依旧还是脱离不了native基础框架的。
不就隐藏状态栏嘛？用原生代码去隐藏啊没用过 hybrid 具体不清楚
赞同@chuyao的说话，其实导航栏也可以用原生的
iOS 上的 webapp 无法隐藏状态栏
iOS 上使用开启全屏模式，否则会存在地址栏
iOS 上使用设置全屏模式下的 topbar 的样式，三者差别不大，但是均无法隐藏 topbar，具体看文档
文档：https://developer.apple.com/library/iad/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
横屏模式下 topbar 会隐藏
phonegap 不知道可不可以，hybrid 是可以实现的，比较常见的做法是 topbar + header 都是 Native 的，header 下面才是 Webview
Android 不是很了解，不清楚
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
cordova-plugin-fullscreen
状态栏沉浸是靠layout和style实现，webapp页面也需要layout容器支撑，所以实现当然是可以的。webapp并不是纯粹的web，依旧还是脱离不了native基础框架的。
不就隐藏状态栏嘛？用原生代码去隐藏啊
没用过 hybrid 具体不清楚
赞同@chuyao的说话，其实导航栏也可以用原生的
iOS 上的 webapp 无法隐藏状态栏
iOS 上使用
开启全屏模式，否则会存在地址栏iOS 上使用
设置全屏模式下的 topbar 的样式，三者差别不大，但是均无法隐藏 topbar，具体看文档文档：https://developer.apple.com/library/iad/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
横屏模式下 topbar 会隐藏
phonegap 不知道可不可以，hybrid 是可以实现的，比较常见的做法是 topbar + header 都是 Native 的，header 下面才是 Webview
Android 不是很了解，不清楚