html5终究支持哪些新的交互事件,可以调用哪些硬件

在iOS开发之Objective-C与HTML5交互 *** 作 中我们可以通过stringByEvaluatingJavaScriptFromString 去实现在obj-C中获取到相关节点属性，添加javascript代码等功能。但是我们如何监听到javascript的响应事件呢。在MAC OS中有效的API去实现，但iPhone没有，但我们有一个技巧途径：

大概思路是：在JavaScript事件响应时，通过设置document.location，这会引发webview的一个delegate方法，从而实现发送通知的效果，即达到监听的目的。

1、在javascript与webView之间定一个协议约定：

myapp:myfunction:myparam1:myparam2

2、在javascript中添加代码：

document.location = “myapp:” + “myfunction:” + param1 + “:” + param2

3、在webView的delegate方法webView:shouldStartLoadWithRequest:navigationType: 添加

- （BOOL）webView:（UIWebView *）webView2

shouldStartLoadWithRequest:（NSURLRequest *）request

navigationType:（UIWebViewNavigationType）navigationType {

NSString *requestString = [[request URL] absoluteString]

NSArray *components = [requestString componentsSeparatedByString:@“:”]

if （[components count] >1 &&

[（NSString *）[components objectAtIndex:0] isEqualToString:@“myapp”]） {

if（[（NSString *）[components objectAtIndex:1] isEqualToString:@“myfunction”]）

{

HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。

先总的说一下个人感受

1.基于HTML5的工具网站：功能较强大，单页面的 *** 作性较强，可完成各种页面交互效果；但是某些时候会有 *** 作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~

2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可 *** 作空间，从而无法实现DIY交互效果。

下面展开说下每个使用过的工具吧

基于HTML5的工具网站：

【兔展】

优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。

缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。

（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）

【MAKA.im】 可以具体编辑，单页 *** 作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。

【居高互动刊】

优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。

缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。

【ANIMATRON】

优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？

fastreport就是用ASP.Net MVC在安卓上的报表啊，交互还不错啊，本来移动设备商的报表也不需要这么多交互。

在IPHONE上的效果也OK，这里可以参考下：http://www.evget.com/zh-CN/Info/catalog/19132.html

---