BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

WebIDE:Firefox中的Web IDE

| 作者 Abel Avram 关注 7 他的粉丝 ,译者 马德奎 关注 0 他的粉丝 发布于 2014年6月3日. 估计阅读时间: 2 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

Mozilla在其浏览器的每日构建版本中增加了一个IDE,用于在Firefox OS设备和模拟器上创建、编辑、运行和调试Web应用程序,而且计划将该IDE扩展到移动设备上的所有主流浏览器。

WebIDE基于先前的Firefox OS应用程序管理器构建,但包含了部署和调试工具,以及基于CodeMirror的代码编辑器和tern.js代码分析框架。为了简化开发设置,该IDE为开发人员提供了基于模板的样板代码,而且模板数量还在增加。通过USB或者WiFi,应用程序可以部署到实际的Firefox OS设备上,也可以部署到模拟器上,目前支持Firefox OS 1.3、1.4和2.0 beta测试版。

WebIDE集成了所有常见的Firefox调试工具,实现了应用程序实时编辑。下面的代码片段显示了对主屏幕应用程序页脚的编辑,调大了最小高度值,该变化立即就显示在了模拟器上:

除了管理运行时环境,WebIDE还验证应用程序及其清单文件。对于那些有意使用他们喜欢的代码编辑器的开发人员,WebIDE提供了API,使他们可以从外部编辑器连接到WebIDE,达到访问运行时环境和应用程序验证的目的,正如Mozilla在公告中所说的那样:

开发人员可以使用一个简单的API,它允许外部编辑器使用该工具的所有高级功能——运行时管理、将应用程序推送到不同的设备以及连接Firefox开发工具。他们可以关闭我们的内部编辑器,使WebIDE只留下一个简洁的界面用于运行时环境管理和应用程序验证。我们希望,使用任何代码编辑器的用户都可以很简单地将他们的代码发送到各种设备上。

WebIDE利用Firefox远程调试协议来做调试,而Mozilla计划扩展该协议,以使它能够通过一系列的适配器与其它移动浏览器——Chrome for Android、Safari for iOS,稍后可能还有其它的——协同工作。

此外,Mozilla正致力于添加一个类似于Firewatch的性能监视器,用于跟踪内存使用情况,并添加更多的模拟器和提供PhoneGap支持。

WebIDE目前在Firefox每日构建版中提供,用户必须打开about:config中的devtools.webide.enabled选项才能启用它。

查看英文原文:WebIDE:A Web IDE in Firefox

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT