基于JavaScript、HTML5的浏览器应用移植到iOS/Android的可行方案咨询

基于HTML5生成双端应用的可行性 #

完全可行，目前混合开发技术栈已经非常成熟，你的存量javascript、jquery、HTML5 canvas代码完全可以在移动端运行，不需要完全重写。 #

Flutter + WebView 方案可行性 #

这个方案非常适合你的情况，落地成本极低：

• 直接使用Flutter官方维护的webview_flutter插件即可，支持加载本地打包的静态HTML资源，也可以加载远程线上页面，你现有所有前端逻辑都可以正常运行，不需要大面积改造
• 插件支持JavaScript Channel能力，可以实现Flutter原生侧和Web侧的双向通信，后续如果需要扩展原生能力（调用系统相册、定位、推送等）都可以轻松实现
• 普通业务场景、非重度3D/高频动画的Canvas内容都可以流畅运行，如有性能问题可以通过开启硬件加速、优化webview配置解决
• 可以将所有前端静态资源打包进App安装包，不需要依赖远端服务器，使用体验和原生应用无明显差异

其他可选实现路径 #

• Cordova/PhoneGap：经典的HTML5打包原生应用方案，完全兼容jquery等传统前端库，现有代码几乎零修改即可打包为iOS/Android安装包，生态内有大量现成的原生能力插件可以直接调用，不需要额外学习新的开发框架
• Ionic：同样基于WebView渲染的混合开发框架，支持原生JS、jquery项目，自带移动端UI组件库，如果需要优化移动端适配可以直接复用组件，打包流程成熟
• PWA：如果不需要上架应用商店，仅需要移动端桌面入口、离线运行能力，可以直接将现有应用改造为PWA，几乎不需要修改存量代码，用户体验接近原生App
• 关于你提到的Titanium平台：目前该项目已经停止维护，且其核心原理是将JS代码映射为原生组件渲染，不支持DOM操作，因此jquery这类操作DOM的库完全无法运行，不适合你的存量项目移植场景，无需考虑

内容的提问来源于stack exchange，提问作者whitebear