为什么说HTML5有跨平台特性,HTML4不能跨平台么?

html-css06

为什么说HTML5有跨平台特性,HTML4不能跨平台么?,第1张

HTML5的好处就是它鼓励了一些可以跨平台的方案。

例如图片的变形,微软的IE有滤镜来实现,滤镜同时支持基于语义的一些指令,还支持用DirectX兼容的COM控件来处理图片。但DirectX和COM都不是跨平台的,因此这套API就不可能有干净的跨平台实现。

HTML5的一个热点,canvas,这个功能在旧的IE上也有类似功能提供,叫做vml,但是它基于一套微软专有的代码实现,至少其他浏览器没有支持的意向。

从前在HTML4时代没有video标签,插入视频使用的是Flash或者用WindowsMediaPlayer的ActiveX控件。ActiveX不跨平台,而Flash试图进军移动平台的尝试在很多年过去了依然成效有限,因此即使在从前这不算一个急迫的需求,现在看来Flash就不算一个跨平台的方案了。

实际上很多的跨平台需求不是说不可能,而是浏览器实现者怕投入产出比不合理,或者被已有的实现/专利所绑架。例如WebSQL,哪怕sqlite是一套公共域代码,Mozilla基金会和微软都担心未来这个项目的发展会导致web的内容被sqlite所影响,因此这套WebSQL计划就搁浅了。

HTML的全称是超文本标记语言,是一种标记语言。它包括一系列标签,可以统一网络上文档的格式,将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本,可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言,它是一种标记语言。它包括一系列标签,可以统一网络上文档的格式,将分散的互联网资源连接成一个逻辑整体。

html适合开发环境。

跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑,因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下:

Javascript和Jquery mobile的编辑器

HTML5的各个元素的Inspector

Javascript远程断点debug

移动平台Javascript开发模式

1)Javascript和Jquery mobile的编辑器

谈到Javascript的编辑器,市面上有很多,大家都有自己心仪的选择,我这里只是推荐三个我比较喜欢的:

aptana studio. Eclipse插件更新地址:http://download.aptana.com/studio3/plugin/install

Dreamweaver CS6. 官方地址:http://success.adobe.com/en/na/sem/products/dreamweaver.html

appMobi. 官方地址:http://www.appmobi.com/

aptana studio的优点在于比较轻量级,与Eclipse集成,并且代码自动完成和JS语法纠错做得非常好,整个风格类似于VI,比较极客一点:

Dreamweaver CS6算是最为强悍的HTML5的开发环境,并且是我所知道的唯一支持Jquery mobile所见即所得的开发工具(官方提供的在线编辑器除外),并且Javascript, CSS和HTML开发起来非常顺手,最大的缺陷就是要收费:

2)HTML5的各个元素的Inspector

如果放在桌面系统上浏览器,这样的工具是很多的,如firefox上的firebug,chrome上的开发者工具,IE上http watch和IE自带调试工具,但如果放在移动平台上,特别是基于phonegap这样内置的webview来开发,这样的工具就不是很普遍了。这里推荐一个phonegap官方所提到过的工具:weinre

weinre通过架一个server,把调试器和device连接起来,原理就多说,2.0之后就没看到Java的版本,因此只能通过NPM来安装,顺便提一下NPM是Nodejs的包管理工具,类似于Maven对于Java一样。安装Nodejs后就安装好了NPM。之后安装weinre非常简单:

npm install weinre -g

如果在windows平台上没加任何配置,weinre会安装在 C:\Users\***\AppData\Roaming\npm\node_modules\weinre\,然后启动server:

node path-to-weinre-node/weinre --boundHost -all- --httpPort 8082

这里用-all-是为了在0.0.0.0上打开端口8082,避免非本地无法远程请求这个端口,然后在要调试的页面里加上weinre的代理:

<script src="http://computer-ip:8082/target/target-script-min.js#anonymous"></script>