最近我司的项目,需要在移动端上访问。本来是想采用 flutter 的新架构,但是考虑到学习成本和团队技术倾向(都具有 js 的背景,所以倾向于网页开发),于是收集了相关资料,打算使用 vue 开发适配于移动端的网页来使用。 现在有 1 个问题,就是领导们希望,访问的效果类似于真实的 app 。 例如:1.浏览器打开,网页是全屏的 2.不要用浏览器打开,最好像个 app 一样安装 我想请教下各位大哥们,有没有办法浏览打开的时候隐藏工具栏和地址栏,或者假设不行,那么开发 pwa 这样的方案是否合适 谢谢啊 Vue, 网页, 请教, 工具栏
如果只是在网页层面实现各种功能,那么可以直接网页,我只知道 iOS 上可以通过 PWA 的方式实现类似 app 的展示效果。可以参考这个: https://kylebing.cn/diary/ 在 safari 中打开之后,分享,然后选择将 “添加到主屏幕”,再从主屏幕打开就跟 app 相似。 如果需要调用系统层面的功能,比如拍照、扫二维码、本地通知等,就需要一个壳子,这个壳子就相当于一个浏览器,不过这个壳子开放出了可以调用系统资源的一些接口供你在 web 层面调用。这些壳子有 ReactNative 、uniapp 、capacitor 等等,这些都可以打包成 iOS 和 Android 两个平台的安装程序。 前端时间写过一个 app ,就是用这些玩意写的,反正是很抓狂: - uniapp 到处是坑,文档写的跟狗屎一样,什么都想做,还什么都做不好,感觉这玩意就不该出现,完全是适配各种奇葩需求出来的不伦不类的东西。 - capacitor 相当健壮,文档清晰明了,各种系统层面的插件非常明了。https://capacitorjs.com/ - ReactNative 不熟,只用它写过一个纯壳子,不多作评价。 归总起来就是,用网页做类似 app 的东西,挺麻烦,这个过程是非常不愉快的。如果只是在网页层面实现的功能,那还差不多。