前端开发人员应该知道的常用工具网站大全

https://caniuse.com/

一款前端兼容性自查工具，前端开发的时候时常需要检查浏览器的兼容性，在这里推荐(Can I Use)这个是一个针对前端开发人员定制的查询CSS、JS在各个流行浏览器中特性和兼容性的网站，可以很好的保证网页的浏览器兼容性。有了这个工具可以快速的了解到代码在各个浏览器中的效果。

http://www.browsersync.cn/

Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师，使用它将提高您30%的工作效率。

https://www.processon.com/

ProcessOn 是免费在线作图，实时协作工具，支持流程图、思维导图、原型图、UML、网络拓扑图等

http://browserhacks.com/ 

可查询各个浏览器的hack写法，集合所有浏览器CSS和JavaScript的HACK写法。这个网站提供了Chrome、IE6/7/8/9/10、Opera、Safari几个主流浏览器的CSS HACK，当然还有Javascript和Media Query Hack写法，内容更新快，是设计师和前端人员最佳选择。

https://modernizr.com/docs 

Modernizr 是一个 JavaScript 库，用于检测用户浏览器的 HTML5 与 CSS3 特性。Modernizr 会在页面加载后立即检测特性；然后创建一个包含检测结果的 JavaScript 对象，同时在 html 元素加入方便你调整 CSS 的 class 名。一种主动检测兼容性的方式，对于一些实验性或不确定兼容性的新特性推荐这种主动检测兼容性的方式，而不是到测试的时候再发现兼容性问题（防御编程）。

与君共勉：再牛逼的梦想，也抵不住傻逼般的坚持！