如何创建一个html5开发环境

如题。。 测试用的浏览器呢?

IE9+、FF、Opera、Chrome都是支持HTML5的

HTML而已,不需要服务端,编辑器用记事本、Notepad++、Dreamweaver都行
推荐后者吧,起码有代码提示、站点管理等功能——8版本之后的Dreamweaver还真没用过,一直用VisualStudio了……

测试方面……浏览器打开行就行,不行就调
另外以上浏览器都有HTML元素查看器的,方便你调整

IE9的是F12开启调试功能
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-09-08
我一般用
http://html5boilerplate.com/ 做html5开发环境,直接下载就可以了。
开发过程一般是google chrome 的developer tool(自动集成)。F12 激活。 开发完毕后,在IE10 和 FF Chorme 里测试就可以了。
IE10 可以模拟IE 7, IE8,IE9 的环境。按F12.
但是如果你要支持xp的 IE8,需要单独下载一个环境xp 安装 IE8 . Windows 7下和xp下的IE8 版本不一样,而且显示也会有问题。 我一般用virtualbox 模拟win XP, 开发系统用 windows 7.

希望能帮到你
第2个回答  2015-12-30
跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑,因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里主要的关注点是以下四点:
Javascript和Jquery mobile的编辑器
HTML5的各个元素的Inspector
Javascript远程断点debug
移动平台Javascript开发模式
第3个回答  2013-09-08
Dreamweaver CS6 全面支持HTML5,用它比较好,既支持预览也有代码提示,
第4个回答  2013-09-08
Dreamweaver的最新版本,现在的浏览器基本都是支持HTML5的,但都是要最新版本的软件哈!!

windows下做html5开发用什么工具
在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。方法\/步骤6:6、Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色...

html5文件的编写方法有几种
我的第一个标题 我的第一个段落。2. 使用可视化编辑器:对于一些不熟悉编程或者希望更直观地进行网页设计的人来说,可以使用可视化编辑器,如Adobe Dreamweaver、Microsoft Expression Web等。这些工具通常提供所见即所得(WYSIWYG)的编辑环境,允许用户通过拖拽和点击的方式创建和设计网页,而无需直接编写代...

如何快速开发html5游戏?
3.建立第一个项目,项目环境设置开发一个场景(页面)很不幸,许多游戏引擎还是native方式搭建界面的,比如cocos,需要你一步步指明界面控件的位置。4.不过dom引擎可以使用dsl,直接支持html5布局,以及css把sprite(控件)放上去事件系统(比如click等操作)一般基于像素引擎的比如canvas,cocos这一类的你的自...

怎么让eclipse支持html5
1、打开Eclipse,菜单选择File->New->Project...或者File->New->Other...2、现在会看到类似下面的一个弹出窗口,这个窗口就是告诉所有可选的项目类型。3、选择Web->Static Web Project 4、点击Next 5、填写项目名称,如Html5Demo 6、点击Next 7、填写content folder名称,如myHtml5 8、这个content ...

零基础html5网站开发学习步骤方法
Html5可以使web成为创建真实应用的一流环境,html5提供了浏览器API的一系列关键扩展,从而加强了Java现有的工具集。随着html5设备在世界范围内的使用日益增多,对html5开发人才的需求也日益增加。可见html5开发的发展前景非常广阔。接下来让我们简单了解一下html5学习方法指南中三要素和技能列表的一些相关内容...

Mac下大家都用什么工具开发HTML5
在进行HTML5开发时,代码合并与语法检查是两个关键环节。通过使用合并工具,开发者可以将多个文件合并为一个,减少文件数量,优化代码结构。语法检查工具则能帮助开发者及时发现并修正代码中的错误,确保代码的正确性和可读性。Compass与Sass是两款广受好评的CSS预处理器。Compass基于Sass语言,提供了一系列...

新手如何制作简单的h5页面?
三、AdobeColdFusion10ColdFusion是用来开发企业Web程序的服务器端技术,通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。四、SenchaArchitect2在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还...

基于html5的web开发需要哪些软件怎样安装.配置
3、Eclipse Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK)。4、Sublime Text Sublime Text 是一个代码编辑器(Sublime Text2...

开发html5 app用什么开发环境
楼主可以用appcan开发,它可以将你开发好的h5页面直接打包生成app,不用额外的开发app框架,同时也可以用它提供的IDE,里面有很多现成的h5模板,比如美团、淘宝的模板。这个网站是有人定期维护更新的,功能还挺强大的,我毕设就是用这个做的,楼主可以考虑一下 官网:http:\/\/www.appcan.cn\/ ...

用HTML5开发手机网站需要建立哪些开发环境
最简单的一个记事本编辑器,一个支持html5的浏览器就够了。淡然如果想开发的速度更快捷可以参考使用Dreamweaver cs5.5及以上的版本,因为他支持很多特性,如智能提示之类的

相似回答