在PWA@iOS12.2 Safari中打开的文件选择对话框
我正在为Safari的iOS12.2(IPad Mini)开发一个网页，我想把它作为一个PWA。我的页面有HTML 5的输入(type=file)来打开系统的文件选择对话框，当页面在Safari上“只是一个网页”时，它是可以的，但是如果页面设置为PWA，如果我强制关闭PWA(按硬件主页按钮) 当它显示文件选择对话框时，即使我重新打开pwa并点击输入，该对话框也不会出现。
(只有IOS问题。Android上的Chrome和Win 10上的Chrome没有问题)
有什么建议请帮帮我。
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
在iOS上，PWA（Progressive Web App）与原生应用有所不同，特别是在处理系统级功能时，如文件选择对话框。你遇到的问题可能是由于Web应用在后台或被强制关闭时，其状态没有得到妥善维护，导致系统对话框无法重新打开。
这里有一些建议你可以尝试解决这个问题：
-
使用
Page Visibility API：监听页面的可见性状态，当PWA从后台恢复到前台时，尝试重新触发文件选择操作。可以通过document.visibilityState来检查页面是否可见，并据此决定是否重新初始化文件输入的交互。 -
延迟初始化文件输入：确保文件输入的初始化或点击事件只在PWA完全加载并处于活跃状态时触发。可以使用
window.onload或者更现代的DOMContentLoaded事件来确保DOM已经准备就绪。 -
使用Web Workers或Service Workers：虽然直接用它们来解决文件选择问题可能不太直接，但通过这些技术保持某些进程在后台运行，可以帮助维持应用状态，间接改善用户体验。
-
用户提示：如果上述技术手段难以实现，可以考虑增加用户提示，指导用户在PWA完全打开且未被最小化的情况下进行文件选择操作，以避免此问题。
-
社区和官方论坛：考虑到这可能是iOS Safari对PWA支持的一个特定行为，建议在Apple Developer论坛、Stack Overflow等平台上搜索类似问题，看是否有开发者分享了有效的解决方案，或者直接向Apple提交一个bug报告。
-
更新至最新iOS版本：确保你的测试设备运行的是iOS的最新版本。苹果公司可能会在后续的更新中修复此类问题。
-
使用第三方库：有些第三方JavaScript库专门设计来增强Web应用的功能，包括文件上传体验，研究一下是否有一些库能更好地处理这种特殊情况。
请记得，对于iOS平台上的PWA，总是要考虑到Safari浏览器和iOS系统的限制，以及它们对Web标准的支持程度。希望这些建议能帮助你解决问题。
