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

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

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

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

操作步骤

用 Safari 打开

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

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


效果

✅ 全屏显示

✅ 没有地址栏

✅ 没有 Safari 工具栏

✅ 看起来就像一个独立 App

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

相关推荐
白玉cfc8 小时前
【iOS】weak底层原理
macos·ios·cocoa
2501_9160088920 小时前
iOS应用开发工具全面解析:如何选择与优化开发效率
ide·vscode·ios·objective-c·个人开发·swift·敏捷流程
a44931536220 小时前
iPhone Face ID 故障的分层诊断——原深感系统与主板加密配对机制
macos·ios·电脑·cocoa·iphone
白玉cfc21 小时前
【iOS】内存五大分区
macos·ios·cocoa
二流小码农1 天前
鸿蒙开发:以登录案例了解代码架构MVVM
android·ios·harmonyos
GitLqr1 天前
别在 Flutter 的 main() 里乱锁屏幕方向,小心 iPad 分屏功能被你搞没了
android·flutter·ios
a4493153621 天前
iPhone 基带故障诊断——无服务/搜索不到网络的芯片级维修实录
网络·macos·ios·电脑·iphone
Summer-Bright1 天前
消费者 AI 变现竞争:从“一家独大“到“iOS vs Android“,谁在为 AI 买单?
android·人工智能·ios·ai·自然语言处理·agi
a4493153621 天前
iPhone 充电故障的全链路诊断——从 Lightning/USB-C 接口到 Tristar 充电 IC
c语言·macos·ios·电脑·硬件架构·iphone