登陆 注册

Web编辑器推荐之HBuilder

守望者 2020-03-17 200人围观 ,发现0个评论 资源教程工具

     下载地址:http://www.downza.cn/soft/196563.html

HBuilder本身是一款功能丰富、集成开发环境、多平台开发的一款易学易用的编辑开发工具,支持html, css, js, asp, jsp,php等多种web语言编辑。

下面从我个人经验角度简述一下HBuilder的优势,并与DreamViewer对比以便更突出其优势:


1. API代码提示更加丰富

   下面我上两张图对比一下,从下图中可以看到,当输入关键词 a.inner , DreamViewer只有3个相关提示,而Hbuilder却有6个,Hbuilder丰富的提示是开发更加便捷

HTML HBuilder API提示



2.选中API提示更加便捷

  DreamViewer选中API提示后,还需要同时按下Crl和“>”键才可以补全代码, 而Hbuilder只需将光标移动至需要的提示项,按下“Enter”键即可补全代码,

   从长期来看,DreamViewer为开发剩下了不少时间,小伙伴们可以试一试


3. 内置web渲染引擎支持事件类型


   下面我们做一个按钮,并绑定一个点击事件使得点击之后跳出提示弹窗,在DreamViewer预览窗口中点击毫无反应,而在Hbuilder中成功触发事件

      HBuilder 事件响应


4. 相关文件编辑保存更加省事


   当我们在html文档中引入相关js文件后,有时候可能会需要需要在编辑器中修改js文件内容。

 在DreamViewer中修改后按Ctrl+S保存,然后再在浏览器中浏览,发现相关样式并没有改变,可见实际并没有保存成功,

而Hbuilder不会有这样的问题。


  转载请附上本文链接:https://tufeng.xyz/resourse/13.html,谢谢合作!

   


请发表您的评论
请关注微信公众号
微信二维码