11 个超火的前端必备在线工具，终于有时间上班摸鱼了

小编是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。

这几天简单整理了一下自己日常经常使用的工具网站，把好用的分享给小伙伴们！

所以今天给大家带来的是 10 个 GitHub 上超火的前端实用在线工具，终于有时间上班摸鱼了，嘻嘻~

喵~ 喵~ 喵~ 正文要开始了，上车坐稳扶好了~

LightHouse 是一个开源的自动化工具，用于改进网络应用的质量。

可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。

当为 Lighthouse 提供一个要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。

让开发人员根据生成的页面性能的报告，来进行网站优化和完善，提高用户体验。

可以参考失败的测试，看看可以采取哪些措施来改进应用。

在里面你可以看到它给你各个方面的建议，比如图片、css、js 这些文件的处理，还有 html 里面标签的使用，缓存处理等建议，可以根据这些来对网站进行优化。

这个是一个针对前端开发人员定制的一个查询 CSS、Js 在个中流行浏览器钟的特性和兼容性的网站，可以很好的保证网页的浏览器兼容性。

有了这个工具可以快速的了解到代码在各个浏览器钟的效果。

比如查询 transform 的浏览器支持情况：

再比如 proxy 的浏览器支持情况：

Carbon 是一个在线的代码转图片工具。

相信小伙伴们见过很多人的博客上面都有类似这种代码图片吧?

Carbon 可以很容易的为你的代码创建漂亮的图片。

特性

GitHub gist 导入. 只需要在 url 后面加上 github gist id 就可以导入

定制化. 可定制图片的语法主题，窗口样式等

所见即分享. 点下鼠标就可以分享到推特上面

不过有个缺点就是国内网络访问时，复制图片很慢。

IOS 字体支持查询和 IOS 系统自带字体查询。

web color 为了尽量让用户看到色彩相同的网页，请尽量使用 216 色的 web 安全色。

PNG/JPG 图片在线压缩利器，智能 PNG 和 JPEG 图片压缩。

TinyPNG 使用智能有损压缩技术将您的 PNG 文件的文件大小降低。 通过选择性的减少图片中的颜色，只需要很少的字节数就能保存数据。 对视觉的影响几乎不可见，但是在文件大小上有非常大的差别。

草料二维码生成器，相信很多人都用过。

常用的工具也很多：

定制各种形状的网站分区 SVG 的工具，调整好了自己想要的形状之后，可以一键复制和下载。

这是一个 json 在线解析的网站，是我最常使用的一个网站。

功能包括了：json 在线解析，json 格式化，json 格式验证，json 转 xml，xml 转 json，json 压缩，json 转义，js 混淆加密，JSON 转实体，json 在线，JSON 校验。

这是一个功能多到发指的网站！

比如 前端WEB工具 就包含了以下的工具：

而且还有更多：

站长工具是站长的必备工具。

经常上站长工具可以了解 SEO 数据变化。

还可以检测网站死链接、蜘蛛访问、HTML格式检测、网站速度测试、友情链接检查、网站域名IP查询。

SEO 相关类的有 WHOIS 查询，DNS 查询过期域名查询，NsLookup 查询，域名删除时间备案查询删除域名归档备案批量查询等，除此之外，还有 IP 类，百度相关，测速/监控，网页相关，网站优化人员必备。

最近加班有点严重，经常都是晚上 11 点多才下班，所以文章更新慢了很多。

因为文章都是在晚上肝出来的，一篇文章要肝几个晚上才行，肝到这里时，已经过了零晨了，唉。

同是打工猫，生活不易啊！

最后就以一张很治愈的图片来治愈一下疲惫的心灵吧。

好了啦，今天的内容就给大家分享到这了，小编最后还为大家送上前端大礼包

【加君羊：581286372】帮助大家更好的学习哦！