iOS网页应用无地址栏无工具栏

最近在使用flutter开发App,因为手头暂时没有macOS的电脑使用,导致暂时无法发布iOS版本的应用。为了让iOS版本的用户也能临时试用,我就通过flutter发布网页版本的应用。iOS用户可以在浏览器中直接打开体验。直接在浏览器中打开有一点不好,因为浏览器有地址栏和标签页面,用起来就没有应用的感觉了。

添加到主屏幕(Web App 模式)

这是 iOS 原生支持、不需要安装任何 App 的方式。

操作步骤

用 Safari 打开

👉 http://120.26.88.88/ 点击底部 分享按钮 => 选择 「添加到主屏幕」=> 点击添加

回到桌面,点击新生成的图标打开


效果

✅ 全屏显示

✅ 没有地址栏

✅ 没有 Safari 工具栏

✅ 看起来就像一个独立 App

❌ 只能用 Safari 添加(Chrome 不行)

相关推荐
EricStone2 天前
VibeCoding工程流程学习二:iOS项目架构
ios·vibecoding
天桥吴彦祖4 天前
判断iOS如何监听手机屏幕是否锁屏
ios
敲代码的鱼4 天前
PDF 预览与签名批注写回 支持安卓 iOS 鸿蒙 UTS插件
android·前端·ios
时光足迹4 天前
uni-app 视频通话实战:康复师与患者视频问诊的 6 个致命 Bug 与解决方案
android·ios·uni-app
时光足迹4 天前
JPush UniApp UTS 插件完全参考手册:API、事件与厂商通道一网打尽
vue.js·ios·uni-app
时光足迹4 天前
极光推送全攻略(下):uni-app 代码实现与 iOS 排查实战
vue.js·ios·uni-app
时光足迹4 天前
极光推送全攻略(上):被iOS证书折磨了三天,我写了一份前端也能看懂的避坑指南
前端·ios·uni-app
编程范式6 天前
SwiftUI 中图片如何适配可用空间
ios
songgeb8 天前
启发式 UI 自动化:从线性剧本到每步读屏决策
ios·测试
壹方秘境11 天前
我用Go语言开发了一个跨平台的HTTPS抓包和调试工具
前端·后端·ios