A. 如何用html5构建移动端的webapp
H5e教育html5开发为您解答:
移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结。
1.四大浏览器内核
1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug。
2.Gecko:( FireFox )优点就是功能强大、丰富,可以支持很多复杂网页效果和浏览器扩展接口,缺点是消耗很多的资源,比如内存。
3.Webkit: ( Chrome/ Safari / UC )优点就是Webkit拥有清晰的源码结构、极快的渲染速度,缺点是对网页代码的兼容性较低,会使一些编写不标准的网页无法正确显示。
4.Presto: ( 欧朋 ) Presto内核被称为公认的浏览网页速度最快的内核,同时也是处理JS脚本最兼容的内核,能在Windows、Mac及Linux操作系统下完美运行。
移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,基于Webkit内核,可使用Chrome浏览器调试即可。
2.手机浏览器
浏览器已经逐渐从传统桌面转向手机端,竞争也越来越激烈。目前国内市场主流的手机浏览器:UC、网络、欧朋、QQ、海豚、safari、Chrome,这些浏览器都是基于webkit内核的,兼容性方面不存在问题,同时对html5和css3的支持很好,所以,大胆地应用html5和css3技术吧。
在开始编写webapp时,前端工程师使用HTML5,而放弃HTML4,因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序 的体验,可以减少开发者很多的工作量,当然了你决定使用HTML5前,一定要对此非常熟悉,要知道HTML5的新标签的作用。比如定义一块内容或文章区域 可使用section标签,定义导航条或选项卡可以直接使用nav标签等等。
3.终端分辨率
手机分辨率比PC分辨率要庞杂得多,各种分辨率有木有?大小差距那么大有木有?这在一定程度上给页面制作带来了不小的麻烦。所以针对这样的因素,必须有充分的考虑。考虑到浏览器自适应,需要设计和制作完成各种不同的方法。
1) 市场上主流手机生产商的产品分辨率。经过调研发现,目前主流的手机分辨率为:480*800像素、320*480像素,而1280*720像素(720P)会是接下来的趋势。这些都是很粗略的统计,要有精确的数据需要花费不少的精力,那是数据分析人员的工作。
2) 项目目标群所持设备的分辨率。项目目标群即用户,用户拥有什么样的手机分辨率,从一定程度上来说比第一点来得更加重要,它决定着项目开发的方向。
4.响应式web开发
在编写CSS时,我不建议前端工程师把容器(不管是外层容器还是内层)的宽度定死。为达到适配各种手持设备,我建议前端工程师使用自适应布局模式(支付 宝 采用了自适应布局模式),因为这样做可以让你的页面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能够正常的显示,你无需再次考虑设备的分辨率。
响应式web开发不是一项开创性的技术变革,简单地说,响应式web设计采用了媒体查询、流式布局、液态图片三项技术,把它们组合在一起来制作页面,使得页面不只在传统桌面,在平板电脑和手机上,各种不同的分辨率都能够完美显示。而要做到这点,我觉得不难,请继续往下:
1) 准备工作:
a) 插件安装:window resize。您可以通过下载安装谷歌浏览器插件,安装成功后,当您调整浏览器窗口时,在浏览器右下角会有灰度提示当前窗口和类似于手机视图的大小提示。
b) 编辑器安装:Hbulder或Webstorm
c) 弄清视图和屏幕的区别。视图是浏览器的内容显示区域,屏幕是设备的物理显示区域。比如视图宽度我们一般用width表示,而屏幕宽度是用device-width来表示。相信做过手机页面的童鞋都经常见过这段代码:
<meta name="viewport" content="width=device-width,initial-scale=1.0">
其中width=device-width就是说把页面宽度设置成和屏幕宽度一样。
d) 响应式设计创意网站收集 。这里有很多响应式Web设计的网站,供您参考和学习。
2) 征途ING:
e) 响应式web设计之媒体查询:
为了减少http请求,我想在css样式表里进行媒体查询会是个不错的选择,而不是在页面head部分使用link进行加载。样式表里的媒体查询格式为:
@media screen and (max-width:960px){}
大括号内部书写样式。该语句相当于判断语句,有两个条件,一个是视口宽度最大不超过960px,screen代表显示屏,这两个条件都具备了,就调用大括号内的样式。
f) 响应式web设计之流式布局:
流式布局以百分比进行布局。最重要是时刻关注元素的父级层,所有的元素都是以父级层为基准。流式布局的应用是为了和媒体查询完美地结合,形成平滑的布局变 化跳转效果。一般而言,media里的样式多以width、padding、margin、font-size、line-height这些为主。
g) 响应式web设计之液态图片:
要实现液态图片,只需加入如下代码:img{max-width:100%;}
web移动头部书写
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
这个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;
<meta content="yes” name=" apple-mobile-web-app-capable" />
meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;
<meta content="black" name=" apple-mobile-web-app-status-bar-style" />
meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;
<meta content="telephone=no" name="format-detection" />
meta标签表示:告诉设备忽略将页面中的数字识别为电话号码
B. 移动web一体化服务是什么意思
移动信息一体化,是指在现代移动通信技术、互联网及移动互联网技术构成的综合通信平台基础上,通过掌上终端(手机、PDA等)、服务器、个人计算机等多平台的信息交互沟通,实现管理、业务、推广营销、品牌以及服务的移动化、信息化、电子化、网络化和智能化等,向社会提供高效优质、规范透明、适时可得、电子互动的全方位管理与服务。
编辑本段移动信息一体化的作用
从通俗的概念来讲,移动信息一体化就是要在手机、PDA等掌上终端,以移动通信技术、互联网及移动互联网通讯技术融合的方式,实现政府、企业的信息一体化应用,最终达到随时随地可以进行随身的移动化信息工作的目的。
在移动信息化实施之下,目前政府和企业在电脑上应用的各种信息化软件体系,如办公信息化软件、ERP软件、CRM软件、物流管理软件、进销存软件,以及各行业特定的行业软件(如警务联网系统、统计局统计系统等等),都可以移植到手机终端使用。手机变身为一台移动化的电脑,既能在手机与手机端进行信息化工作联动,也能够与原有的电脑端信息化体系保持互联互通。随着手机成为信息化网络中的移动载体,移动信息化将让现在需要固定场所、固定布局的企业和政府信息化建设模式变得更加灵活方便,满足政府和企业在出差、外出、休假,或是某些突发性事件时,与单位信息体系的全方位顺畅沟通。
移动信息一体化的作用不仅仅满足了政府、企业的内部管理移动信息化应用,而是整合了更多的资源服务在内部管理的基础上为外围沟通开辟新的领地,实现政府、企业的信息随时随地都会被任何人所了解,真正实现移动信息一体化的作用。
编辑本段移动信息一体化的现状
作为全球最大的移动通信市场,我们现在生活也进入一个移动信息时代,目前中国手机上网用户过2.8亿,2010年底手机用户将达到8亿,而手机上网用户也将突破3亿,庞大的手机用户群为移动信息化应用奠定了基础,也意味着巨大的商机。数据显示:2007年中国移动信息化市场销售额达到147亿元人民币,与2006年增长速度达到31.3%。增长的动力来自于移动政务和移动商务应用的高速发展。在政府、企业和个人丰富的移动应用基础上,2008年中国移动信息化市场规模将达到193亿。(数据来源:计世资讯)
基于对移动信息一体化市场的良好预期,目前通信行业和IT行业的各大巨头均已开始着力部署相关的技术产品和市场动作,包括中国移动、中国联通、中国电信等运营商,微软、英特尔等底层资源提供商,IBM、惠普等IT集成商,诺基亚、摩托罗拉、多普达等手机终端制造商,均已开始对这一行业的发力深掘。
而作为那些在移动信息化发轫之处就潜伏进入的拓荒者,如道一等独立软件开发商,则已架构起成型的移动信息化技术和产品体系,正作为移动信息化解决方案供应商,为市场提供从技术研发到解决方案提供的全套专业化服务。此外,如金蝶等应用软件开发商也正在快马扬鞭,进行其电脑信息化软件到移动信息化软件的改造扩张……
而作为中国移动认证型SI(认证型合作伙伴)——北京万企通联科技有限公司,在移动信息化基础上,结合WEB互联网与3G手机WAP网络的优势,实现政府与人民、企业与客户的互联网(电脑)、移动互联网(移动终端,如手机、PDA等)、移动即时通讯、即时沟通等多重的综合性一体化信息服务,不断推出基于WEB互联网技术、3G手机WAP网技术为核心的创新一体化应用产品,力求在为客户和合作伙伴创造价值的过程中实现自身价值,为移动信息一体化普及开辟新的篇章。
编辑本段移动信息一体化应用
以北京万企通联科技有限公司的移动信息一体化应用为例:
企业通过建立WEB互联网网站、WAP移动互联网网站、移动信息服务平台、企业快讯平台等产品实现整套式的综合服务。
WEB互联网网站、WAP移动互联网网站、移动信息服务平台是企业的门脸,是所公布信息的查询访问系统,属于被动型服务模式。因为潜在客户或者潜在商机在不知道企业存在、产品存在的基础上不会通过查询访问以上服务来去获取企业信息,从而造成以上服务的闲置浪费,实现不了建立以上服务的目的。企业快讯平台是移动通讯技术的产物,属于主动型服务模式。通过其快讯、企业手机报等服务可以使企业、个人、政府单位建设自己的专署快讯和手机报,可根据自己的需求编辑内容。此服务是一种新型媒体,是企业客户关系处理 / 企业专刊 / 企业内部沟通 / 广告传播 / 产品发布 / 信息发布的一种新途径。可以有效的提升品牌形象,是比以上服务更重要的门脸。与以上服务(WEB互联网网站、WAP移动互联网网站、移动信息服务平台)共同搭建更可以实现上下行服务,企业通过企业快讯平台主动出击,潜在客户或者潜在商机便会得到相关信息,并且会查询访问企业WEB互联网网站、企业WAP移动互联网网站、移动信息服务平台,使之形成一个双向的综合性信息服务系统,把企业与客户、合作伙伴之间作到无缝隙连接,真正实现移动信息一体化的应用,为企业的商务信息化快速发展提供了突破性的服务。
C. 移动web宽度自适应,高度怎么算
css3用box-flex;
在w3school里找找,主要是根据父元素按比例分配高度
父元素{width:100%;display:box;}
比如三栏布局A、B、C要想设成一样的宽度就用
A{box-flex:1;}B{box-flex:1;}C{box-flex:1;}
要是两栏布局B是A的2倍那就是
A{box-flex:1;}B{box-flex:2;}高度也是还有一个css3的新功能就是calc()计算,可以计算高度,可以试着用一下
PS,我只是说说,移动端响应式局的话,布局要随着窗口变的,
就像你这个,要是在普通的手机端就得变成一栏布局,不能保持三栏
用Media Query设置不同的窗口宽度给不同的css样式
都是css代码不用js控制
D. 移动web和web有哪些区别
移动web和web有哪些区别体现在以下几点:
1.比如说具体的应用在不同地方的形态。
一款计算器:
web app: 其实就是在网页上的应用。这个很广泛,只不过大家平时都不这么叫而已,你在 网页上使用一款计算器都可以称作web app。
mobile web app:额,就是能在手机浏览器中打开使用的计算器,只不过根据手机的屏幕,调整了 自己的按键大小,布局等等。
mobile app: 你在应用商店下载了一个计算器。
2.比如说如何用代码编写:
web前端:
基本上就是html+css+javascript。至于html5,css3什么的就是具体到你应该用什么规则的代码去写了。这个如果楼主想要入门学习的话,推荐w3school 在线教程(中文)。
mobile web 前端:
其实还是那套东西,但是加入了一个叫做响应式设计的东西。而且据我了解,这个概念还要从html 5标准的普及说起,说通俗点就是屏幕多大的时候布局,字体是什么样的。网上有很多前端模板都提供了这个功能。比如比较火的Bootstrap中文网(中文)深层次点,比如通过html5的API调用手机的硬件等。
mobile 前端:
这个目前还分两大阵营,一个是Android,一个是iOS。而且就我的了解,web前端有专门的岗位叫前端攻城师,但是很少听说过只写mobile前端的移动工程师,至少我至今没有听到过。
Android:
静态的话就是xml,动态的话就是android的layout那堆东西。
https://developer.android.com/guide/topics/ui/declaring-layout.html(可能需要翻墙)
比较简单的layout,比如:
Linear Layout(可能需要翻墙)
FrameLayout | Android Developers(可能需要翻墙),想学习的话可以参考下。
还有一些动画效果。
https://developer.android.com/guide/topics/graphics/index.htmll(可能需要翻墙)
当然,提到Android的UI,不得不提的是那坑爹的适配。只能说,学习Android UI需谨慎。
iOS:
UIKit那套东西,其实现在感觉如果不是太复杂,.xib直接拖界面也还可以。UIKit Framework Reference 。storyboard就算了,不是太推荐。简单的页面还可以,想试也可以试试。反正我用的不是很舒服。当然还有一些动画效果。Graphics and Animation
3.比如说其他区别:
其实最显着的区别就是,web app是不依赖于具体的设备的,通用性较强,只要手机或PC有相应内核的浏览器就基本OK。而mobile的app则依赖于具体的设备,一旦更换设备,需要重新下载才能继续使用。
E. 如何在苹果手机上预览自己开发的移动web
手机的屏幕有大有小,移动web最好做成响应式布局,也就是自适应屏幕,没有固定宽高,这样的话,在所有手机上都可以正常显示。ico的话可以使用字体图标,现在大部分手机浏览器都支持html5和css3的。 Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过7年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
F. 手机移动web开发 如何做到控制页面大小不变
手机的屏幕有大有小,移动web最好做成响应式布局,也就是自适应屏幕,没有固定宽高,这样的话,在所有手机上都可以正常显示。ico的话可以使用字体图标,现在大部分手机浏览器都支持html5和css3的。
Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过7年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
G. 这种移动端页面,web前端部分怎么布局写出来
position:absolute;
然后调top,和left
H. WEB移动端开发使用什么框架比较好
很久以前整理了篇将手机网站做成手机应用的JS框架。时隔一年多,很多新的技术已经出现,下面再来总结下还有哪些框架是适合面向手机设备的开发的。
1、jQuery Mobile
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说:能开发这个项目,我们非常兴奋。移动Web太需要一个跨浏览器的框架,让开发人员开发出真正的移动Web网站。
2、jQTouch
jQTouch 是一个 jQuery 的插件,主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等手机。
3、DHTMLX Touch
DHTMLX Touch是一个免费的HTML5/JavaScript框架,专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。DHTMLX Touch UI Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。
4、Mobilize.js
Mobilize.js是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速,简便地构建移动网站。这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示,而不是实现一个全新完整的移动页面。Mobilize.js 可用于任意网站,但对于基于WordPress和Sphinx的网站不需要使用该框架转换,因为已经有非常多的插件可以使用。
5、The M Project
The-M-Project是另外一个强大的JavaScript框架,它利用HTML5新的特性来更好和更简便地开发移动应用。这个框架遵循着名的MVC软件架构模式。它还支持离线,所以你的用户可以在没有连接网络的情况下继续操作(当下次有连线的时候,再将数据同步到服务器中)。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南)。可以查看提供的示例来对该项目有一个初目的了解。这些示例包括:ToDo App(待办事项目应用) 和 KitchenSink (这个示例包括这个框架提供的所有UI元素)。
6、WebApp.Net
WebApp.Net 提供了很多的 API,因此可以帮助你节省很多工作了。不需要花时间去进行 Ajax 调用的编码,因为已经内置了,另外还有很多其它内置功能,提供了详细的文档和应用演示。
7、Wijmo
Wijmo是一个基于jQuery UI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。
8、960 Grid on jQuery-Mobile
jquery-mobile-960 是一个用于移动 Web 开发的网格框架,综合了 960.gs 的灵活性和 jQuery Mobile 的方便性。它的目的是让 jQuery Mobile 布局更加的灵活,使得应用应许在移动终端更加易用。
9、Sencha Touch Framework
Sencha Touch 是世界上第一个基于 HTML5 的移动 Web 开发框架,支持最新的 HTML5 和 CSS3 标准,全面兼容 Android 和 Apple iOS 设备,提供了丰富的 WEB UI 组件,可以快速的开发出运行于移动终端的应用程序。Shencha是第一个使用HTML5,CSS和JavaScript并且支持音频/视频,本地存储,圆角,渐变背景以及阴影的开发框架。
10、NimbleKit
NimbleKit 是为 iOS 设备构建应用程序最快速的方式,你不需要知道 Objective-C 或者 iOS SDK,你只需结合 JavaScript 代码编写 HTML 页面就可以了。
11、Touchy™ Boilerplate
Touchy Boilerplate 是一个用来创建移动web app,包括HTML模板,Meta tag等的工具。Touchy可以支持动态页面导航,固定页头,滚动内容,浏览历史记录等功能。Touchy使用jQuery或者 Zepto.JS。
12、PhoneGap
PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。PhoneGap是免费的,但是它需要特定平台提供的附加软件,例如iPhone的iPhone SDK,Android的Android SDK等,也可以和DW5.5配套开发。使用PhoneGap只比为每个平台分别建立应用程序好一点点,因为虽然基本代码是一样的,但是你仍然需要为每个平台分别编译应用程序。
13、joshfire
Joshfire是一个开源的跨设备开发框架,帮助开发者创建可以在多种设备上运行的web app。它使用HTML5和JavaScript,并且允许开发者快速整合本地应用和特定的web应用。Joshfire可以让你的应用接受键盘,鼠标,触摸屏,遥控器等设备的输入。Joshfire支持Node.JS。4.Sencha Touch:基于HTML5的移动网页开发框架。
14、 Julia
Julia框架由基本CSS3文件、JS库和各个平台的运行库构成。不像PhoneGap,Julia不仅仅包含调用本机代码的接口层,它还包含 Model-View-Controller(MVC)支持,Delegation支持,OAuth支持,异步数据库存取接口,HTML选择符(类jQuery调用接口),HTML模版(允 许嵌入JS代码)等应用开发必备的API接口。 基于Julia的应用开发就像网站开发那么简单,是的,你终于可以用HTML5开发一个完整的、跨平台 的、不亚于本机代码的、易于维护的移动应用了!大幕即将揭晓,让我们一起进入移动开发的新时代
15、SproutCore HTML5 Application Framework
SproutCore 是一个 HTML5 移动 Web 开发框架,它的目标是在无需浏览器插件的情况下,在浏览器中位应用程序提供极佳的桌面效果。
16、Titanium
这是一个强大的,健壮的移动Web开发框架。能够让使用现有的HTML, CSS和JavaScript知识来为 iOS和Android平台开发原生移动应用。作为一个越来越大的移动Web框架,它拥有超过300个的APIs和活跃的开发者社区。你从这个社区中得到每一个开发人员的帮助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。
17、Lungo.js
Lungo.js 是一个采用HTML5, CSS3 和JavaScript技术实现的移动Web应用程序开发框架。利用这框架开发的应用程序可运行所有流行的平台包括:iOS, Android, Blackberry 和 WebOs。它还支持触摸事件如:tap, double-tap和swipe。整个框架没有用到任何图片包括图标,所有都矢量化。可以在这个框架中使用HTML5拥有的一些特性如:WebSQL, 地理位置定位,历史或设备方向等。Lungo.js是一个模块化并且完全可定制的框架。
18、xui.js
有时候你可能需要一个超轻量级的框架,只要拥有用于开发标准客户端所需要的功能如:DOM操作,事件处理,Ajax和一些动画效果。如果是这样的话,这个框架刚好非常适合你。整个框架采用GZIP压缩完之后只有4.2 KB。
19、EmbedJS
EmbedJS是一个用于嵌入式设备的JavaScript框架如:移动电话,TVs、tablets和so forth。EmbedJS强大之处在于,它拥有专门为特定平台和浏览器如iOS, Firefox, Android等提供相应的开发版本。这样就能够以最少的代码,为用户提供最佳的体验。而且假如你喜欢自己定制,可以利用其提供的EmbedJS Build tool工具实现。EmbedJS基于Dojo实现,所以你如果熟悉Dojo API语法,那EmbedJS将是你最佳的选择。
20、zepto.js
zepto.js是一个专为mobile WebKit浏览器(如:Safari和Chrome)而开发的一个JavaScript框架。它标榜自己在其简约的开发理念,能够帮助开发人员简单、快速地完成开发交付任务。更重要的是这个JS框架,是超轻量级的,只有5KB。zepto.js的语法借鉴并且兼容jQuery。
21、Baker
Baker是用来在iPad或者iPhone平台上发布交互式的电子书或者电子杂志的HTML5电子书框架。
22、ChocolateChip-UI
ChocolateChip-UI 是一个手机移动 Web 开发框架,采用 HTML5, WAML, CSS 和 JavaScript等技术实现。基于 ChocolateChip JavaScript 框架,包含最新的 ChUI.JS 和 ChUI.css.
23、Magazine Grid
Magazine Grid 是一个超现代的 CSS 框架,用于 iPad 和 iPhone 手机,使用类似杂志的设计风格。Magazine Grid 可让用户使用 HTML5 元素来组织杂志页,非常轻量级(<4k),在移动设备上加载非常快,对老的浏览器也支持。
24、Kendo UI
Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。 Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。
25、HTML App Host Framework
这是一个用于构建基于 Windows Phone 7 的 HTML/JavaScript 托管框架,使用 HTML5 技术。该框架由支持在标准 xap 格式中嵌入 html 应用的控件。