admin管理员组文章数量:1586189
在我们的Ubuntu SDK中,它提供了一个"Web App"的模版,它很方便地让我们把一个Web-based网页转换成一个Ubuntu的应用.大家可以参考我的文章"如何使用在线Webapp生成器生成安装包"来创建Web App.在今天的文章中,我们来介绍如实现一个全屏的Web App.
下面我们以百度地图为例.当我们利用我们的Ubuntu SDK创建一个应用时:
baidumap.desktop
[Desktop Entry]
Name=百度地图
Comment=webapp for baidumap
Type=Application
Icon=baidumap.png
Exec=webapp-container --enable-back-forward --store-session-cookies --webappUrlPatterns=https?://map.baidu/* http://map.baidu %u
Terminal=false
X-Ubuntu-Touch=true
细心的开发者可以看到在上面的"--enable-back-forward"选项.它让我们的Web App在最上面有一个title/header的地方,就像下面的图展示的那样:
在上面的图中,我们可以看到有一个"百度地图"的标题栏.它可以让我们返回以前的页面.
如果我们把上面的"--enable-back-forward"选项去掉,也就是:
Exec=webapp-container --store-session-cookies --webappUrlPatterns=https?://map.baidu/* http://map.baidu %u
那么我们的运行结果将是:
我们可以看出来,我们的header/title区域不见了.这样的好处是我们可以得到更多的显示区域.当然我们还是可以看到我们的indicator区域.
对于一些游戏的页面来说,能有一个全屏的用户界面是一个至高无上的需求,那么,我们可以更进一步来做如下的修改.我们添加一个"--fullscreen"的选项.
[Desktop Entry]
Name=百度地图
Comment=webapp for baidumap
Type=Application
Icon=baidumap.png
Exec=webapp-container --fullscreen -cookies --webappUrlPatterns=https?://map.baidu/* http://map.baidu %u
Terminal=false
X-Ubuntu-Touch=true
重新运行我们的项目:
我们可以看到一个全屏的应用,甚至连indicator的影子都没有.
更多关于Web App开发的信息可以在 网站找到.
整个项目的源码在: https://github/liu-xiao-guo/baidumap_fullscreen
版权声明:本文标题:如何让一个Web App实现一个全屏的应用 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1727976692a1140735.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论