将H5封装成iOS应用：技术探讨(h5打包成ios的app)

论新酒旧囊——记将H5封作iOS应用之事

时人皆道"万物皆可包"，今见那H5的网页竟也要套了苹果的皮囊在App Store里招摇过市了。

"从来如此便对吗？"某日对着电脑屏上的Xcode图标忽生出这般疑问。

一、新瓶里的陈酒

所谓Hybrid应用者大抵如往酒肆沽酒的孔乙己：长衫还是那件长衫却非要站着喝——使着WebView的壳子偏要装作原生模样。Cordova之流恰似咸亨酒店的曲尺柜台：

• 教人用JavaScript调取相机的API
• 拿CSS动画充作系统级交互
• 在
  里模仿UITableView的滚动惯性

二、画皮的学问

这打包的法门倒也有趣得紧：

cordova platform add ios
cordova build ios
xcodebuild -workspace...

几行命令下去便如绍兴城里的扎纸匠糊灯笼似的：竹篾是WebKit的骨血外头裱着AppIcon的彩纸。

物件	实相
.ipa文件	/var/containers/Bundle/Application里的游魂
SplashScreen	三味书屋影壁上的广告画儿

三、阿Q式的体面

"我们先前——比你们阔多啦！"Hybrid开发者常对着原生工程师这般嚷道。

技近乎道的困惑:

[if IE]> @media screen and (max-width: 480px) { .meta-info {display:none} } button.onclick = function() { alert('祥林嫂又要讲阿毛的故事了') window.webkit.messageHandlers.native.postMessage({}) } 使用非语义化标签包裹说明文字： 实际开发中需注意： 需用

替代无意义div 勿滥用aria-hidden属性 动态内容应添加实时区域更新 渐进增强与优雅降级当兼而有之 此乃技术选型之要义也。