前端工程师都有用哪些比较靠谱的小工具

小编今天整理了一些前端工程师都有用哪些比较靠谱的小工具相关内容，希望能够帮到大家。

本文目录一览：

• 1、前端工程师都有用哪些比较靠谱的小工具
• 2、值得网页开发人员收藏的16款HTML5工具
• 3、目前web前端的主流框架有哪些

前端工程师都有用哪些比较靠谱的小工具

作为曾经的web前端工程师，来答一发。

1. jsonView Chrome插件

   这是一个Chrome浏览器的json视图的插件。 这个插件非常强大的，不仅可以把你在浏览器输出的json数据格式化，也可以将浏览器的xml格式的文件格式化，非常非常的方便，尤其是前端同学在查看api数据的时候，无需再去各种json格式化网站逐个匹配了~~~~强烈推荐！！

2. WebStorm IDE开发工具

   这是款前端开发的ide 。基本上前端开发中你能想到的，他都可以帮你实现了，语法高亮，代码补全提示，terminal终端连接，mysql操作功能，集成一体，甚至php都可以写，异常的强大，非常重的一个前端开发工具，推荐。

3. Hbuilder 一个可以云打包html5app的开发工具

   Hbuilder是一个国内互联网公司DClound开发的ide ，这款ide非常的强大，专门为了Html5所打造的一款ide，如果你不想做原声的Android和iOS APP，那么你可以通过在Hbuilder上开发webapp，之后通过Hbuilder的云打包打包成自己的apk或者.ipa的文件，一秒钟可以打包你的安卓或者iOS APP。如果你不想云打包的话，你可以本地打包，可以下各种插件，是一款非常强大的免费前端H5的ide，强烈推荐！

4. SessionBox 可以随意切换你的Session的Chrome插件

   sessionBox是一块可以让你随意切换你的session的Chrome插件 ~ 用户还可以给不同的session设置各种颜色，方便地标识session；SessionBox只对那些把网页的状态保存到session中的才有效果。顺便提供一下SessionBox的官网： ；对于起那段同学来说，切换Sesssion几乎成了必不可少的一项工作，如果你使用了sessionbox，将会大大的减轻你的工作量，同时这个插件对于后端开发的RD同学也将是大大的帮助。 我爱编程网

目前介绍了以上四款工具，建议题主可以尝试一下，都是非常不错的工具，虽然我现在不在是前端，但是对于除了webstorm之外的三款工具我都是经常会使用的；至于我为什么不使用webstorm是有原因的，因为我现在已经是作为一枚后端RD的存在，目前在公司开发机上只能用vim开发~~

值得网页开发人员收藏的16款HTML5工具

HTML5
正在迅速改变创建和管理网站的方式。HTML5
在不同的领域让网页设计更强大的。快、安全、响应式、互动和美丽，这些优点吸引更多的
Web
开发人员使用
HTML5
开发各种网站和应用程序。
本文收集的20款优秀的
HTML5
Web
应用程序，值得添加到您的
HTML5
的工具箱中，他们能够帮助你开发前端项目更快、更容易。
Initializr
Initializr
是一个可以让你创建
HTML5
模板的网站，可以创建样板
HTML5
模板，响应式的
HTML5
模板或
Twitter
Bootstrap
HTML5
模板。
HTML5
Demos
这里集合了一些基于
HTML5
的优秀的实验演示，最初只有5个演示，后来逐渐扩充。
HTML5
Test
想知道桌面或移动
Web
浏览器符合最新的
HTML5
标准吗?这个网站可以帮助测试出分数和评级。
HTML5
Canvas
Cheat
Sheet
如果你不能记住所有
Canvas
的命令和选项，那么这个小抄是绝对适合你。可作为一个图形或
PDF
免费下载。
Lime
JS
LimeJS
是一个
HTML5
游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。
HTML5
Reset
HTML5
Reset
是一组文件，包括
HTML、CSS
等，用于在开始新项目的时候帮助你节省时间，提供
HTML5
的空白WordPress模板。
SpriteBox
Spritebox
是一个所见即所得的工具，帮助
Web
设计者迅速而轻松地从一张精灵图片(CSS
Sprit
Image)创建CSS类和ID选择符样式。
LimeWeave
LimeWeave是一个
HTML5
编辑器，它可以告诉你什么的
HTML5，CSS
和
JavaScript
特效的样子。
99
Lime
如果你想节省时间，使用
HTML5，CSS
和
jQuery
创建一些新的元素，布局和代码，那么99
Lime
真的可以帮助你。
On/Off
FlipSwitch
如果你曾经想创建一个漂亮的on/off开关，那么这个网站可以帮助你。您可以自定义图形开关，不同的着色，大小和风格。
CanvasLoader
Creator
这个免费的在线工具可以帮助设计师和程序员为他们的
HTML5
项目生成基于
Canvas
的
Loading
效果。
Create
–
Make
Anything
Editable
Create
是一款可以在
CMS
中使用的编辑器。借助
HTML5
特性，可以把页面上的内容变成可编辑区域。
Online
3D
Sketch
Toy
这个绘图工具对于孩子而很好玩，而不只是给网站设计师用!还可以把您的小创作分享到
Facebook
上。

目前web前端的主流框架有哪些

1.
Bootstrap
Boostrap绝对是目前最流行用得最广泛的一款框架。是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件。
2.
Fbootstrapp
Fbootstrapp基于Bootstrap并且提供了跟Facebook
iframe
apps和设计相同的功能。包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。
3.
BootMetro
BootMetro框架的灵感来自于Metro
UI
CSS，基于Bootstrap
框架构建，用于创建Windows
8
的Metro风格的网站。包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。

以上就是我爱编程网小编为大家带来的内容了，想要了解更多相关信息，请关注我爱编程网。