如何用h5开发ios h5开发webapp

H5页面与原生App(安卓,IOS)交互

前提是原生需要将对应的设备号，加密方式，请求数据所需要的各种参数通过回调函数传递给H5页面，H5页面拿到这些数据后直接调后台的借口、获取到数据。

创新互联建站是一家专注网站建设、网络营销策划、成都微信小程序、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立十多年以来，已经为1000多家水电改造各业的企业公司提供互联网服务。现在，服务的1000多家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。

JS与IOS交互方式一：WKScriptMessageHandler WKWebView有一个内容交互控制器，该对象提供了通过JS向WKWebView发送消息的途径。需要设置MessageHandler，大家把这个功能简称为MessageHandler。

跟原生一样，H5需要写好方法，让原生调用，这里调用就是原生直接调用了H5的方法，当然这个方法是要全局的方法，在window对象中的。

H5与原生应用的交互都是通过原生应用中的WebView实现的。通过这个环境，H5可以调用原生应用注入其中的原生对象的方法，原生应用也可以调用H5暴露在这个环境中的JavaScript对象的方法，从而实现指令与数据的传输。

WKScriptMessageHandler(只适用于WKWebView，iOS8+)WebViewJavaScriptBridge(适用于UIWebView和WKWebView，第三方框架)，JockeyJS。

有直接把HTML5网页封装成IOS应用的工具吗

HBuilder算是不错的封装工具。还有很多其他的工具也可以尝试，各有特色。

AppStore是苹果原生应用商店，开发语言是object-c或者swift，而html5开发的则是跨平台的浏览器程序，它不需要苹果商店，直接使用ios里的浏览器访问网页即可。

. PhoneGap Build Service可以帮助你创建Windows Phone， iOS和Android的应用。已经用PhoneGap Build Service直接将原封不动的html5网站打包成.ipa和.apk包，并且安装成功。没有看到windows phone的包。

如何开发同时支持ios和Android的应用?html5

iOS(@1x 下 44px)和 Android(1：1 比率下 48p)都有对可触摸元件的设计规范。MD 规范同样建议对所有元素使用 8dp 网格对齐。

一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。二：html5对android、ios系统都支持。

LungoJS这个是被认为开发移动网站最好的HTML5开发框架，使用HTML5/CSS3和JavaScript技术。可帮助创建基于iOS、Android、Blackberry和WebOS平台的应用程序。

可以学习下APICloud，就是用HTML5来开发iOS、Android原生APP，可一套代码同时生成iOS、Android安装包。

国外的制作工具Appmakr。Appmakr是国外最流行的DIYApp在线开发工具，目前支持iOS、Android和WindowsPhone等系统。Appmakr可以让用户无需编程就能创见iOS和AndroidApp。