白嫖我常用的 11 个超火的前端必备在线工具，终于有时间上班摸鱼了 -尊龙游戏旗舰厅官网
大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
前言
猫哥是一个常年混迹在 github 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。
公众号：前端github，专注于挖掘 github 上优秀的前端开源项目，收集、整理、推荐业界高品质前端资源合集，优秀的工具、库、好的教程、了解业界更优秀的代码、工具、业界最新的技术，抹平你的前端信息不对称。
平时如何发现好的开源项目，可以看看这篇文章：github 上能挖矿的神仙技巧 - 如何发现优秀开源项目
以下为【前端github】的第 9 期精华内容。
这几天简单整理了一下自己日常经常使用的工具网站，把好用的分享给小伙伴们！
所以今天给大家带来的是 10 个 github 上超火的前端实用在线工具，终于有时间上班摸鱼了，嘻嘻~
喵~ 喵~ 喵~ 正文要开始了，上车坐稳扶好了~
1. lighthouse
lighthouse 是一个开源的自动化工具，用于改进网络应用的质量。
可以将其作为一个 chrome 扩展程序运行，或从命令行运行。
当为 lighthouse 提供一个要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。
让开发人员根据生成的页面性能的报告，来进行网站优化和完善，提高用户体验。
可以参考失败的测试，看看可以采取哪些措施来改进应用。
在里面你可以看到它给你各个方面的建议，比如图片、css、js 这些文件的处理，还有 html 里面标签的使用，缓存处理等建议，可以根据这些来对网站进行优化。
https://github.com/googlechrome/lighthouse
2. can i use
这个是一个针对前端开发人员定制的一个查询 css、js 在个中流行浏览器钟的特性和兼容性的网站，可以很好的保证网页的浏览器兼容性。
有了这个工具可以快速的了解到代码在各个浏览器钟的效果。
比如查询 transform 的浏览器支持情况：
再比如 proxy 的浏览器支持情况：
https://caniuse.com/
3. carbon
carbon 是一个在线的代码转图片工具。
相信小伙伴们见过很多人的博客上面都有类似这种代码图片吧?
carbon 可以很容易的为你的代码创建漂亮的图片。
特性
github gist 导入. 只需要在 url 后面加上 github gist id 就可以导入
定制化. 可定制图片的语法主题，窗口样式等
所见即分享. 点下鼠标就可以分享到推特上面
不过有个缺点就是国内网络访问时，复制图片很慢。
https://carbon.now.sh/
4. ios font
ios 字体支持查询和 ios 系统自带字体查询。
http://iosfonts.com/
5. web 安全色查询
web color 为了尽量让用户看到色彩相同的网页，请尽量使用 216 色的 web 安全色。
https://www.bootcss.com/p/websafecolors/
6. tinypng
png/jpg 图片在线压缩利器，智能 png 和 jpeg 图片压缩。
tinypng 使用智能有损压缩技术将您的 png 文件的文件大小降低。通过选择性的减少图片中的颜色，只需要很少的字节数就能保存数据。对视觉的影响几乎不可见，但是在文件大小上有非常大的差别。
https://tinypng.com/
7. 二维码生成器
草料二维码生成器，相信很多人都用过。
常用的工具也很多：
https://cli.im/
8. shape divider
定制各种形状的网站分区 svg 的工具，调整好了自己想要的形状之后，可以一键复制和下载。
https://www.shapedivider.app/
9. json 格式化
这是一个 json 在线解析的网站，是我最常使用的一个网站。
功能包括了：json 在线解析，json 格式化，json 格式验证，json 转 xml，xml 转 json，json 压缩，json 转义，js 混淆加密，json 转实体，json 在线，json 校验。
http://json.cn/
10. sojson
这是一个功能多到发指的网站！
比如 前端web工具 就包含了以下的工具：
而且还有更多：
json 在线工具：json 在线解析、json 格式化、json 对比、json 压缩
加密/解密：在线加密/解密 | js 加密 | js 解密 | aes | des | md5 | base64
压缩/格式化：在线压缩/格式化/美化 | json | js | html | java | sql
开发文档：开发文档/api文档
前端 web 工具/前端工具
在线转换：在线转换 | 单位转换 | 数据转换 | 格式转换
二维码：二维码生成 | 二维码解析 | 动态二维码 | 二维码美化
正则表达式：正则表达式 | 正则表达式测试工具 | 正则表达式教程
站长工具：备案查询 | seo 检测 | https 检测 | 微信防封检测 | dns 检测 | robots 生成
http工具：http 模拟请求 | http 测试工具 | http 协议 | get/post
房贷计算工具 房贷计算器 | 最新房贷计算器 | 2020房贷利率
生活工具：时间 | 万年历 | 放假 | 老黄历 | 测网速 | 天气
修改图片：在线修改图片 | 图片尺寸修改 | 图片压缩 | 图片美化 | 图片批量处理 | 图片水印
js 加密 / js 解密：js 解密 | js 加密 | js 美化 | js 格式化 | js 混淆
https://www.sojson.com/
11. 站长工具
站长工具是站长的必备工具。
经常上站长工具可以了解 seo 数据变化。
还可以检测网站死链接、蜘蛛访问、html格式检测、网站速度测试、尊龙游戏旗舰厅官网的友情链接检查、网站域名ip查询。
seo 相关类的有 whois 查询，dns 查询过期域名查询，nslookup 查询，域名删除时间备案查询删除域名归档备案批量查询等，除此之外，还有 ip 类，百度相关，测速/监控，网页相关，网站优化人员必备。
https://tool.chinaz.com/
最后
最近加班有点严重，经常都是晚上 11 点多才下班，所以文章更新慢了很多。
因为文章都是在晚上肝出来的，一篇文章要肝几个晚上才行，肝到这里时，已经过了零晨了，唉。
同是打工猫，生活不易啊！
鲁迅在《狂人日记》里曾说过：“能打败我的，只有女人和酒精，而不是加班”
每当身处黑暗之时，这句话总能让我看到光。
最后就以一张很治愈的图片来治愈一下疲惫的心灵吧。
好了啦，【前端github】的第 9 期内容已经讲完了啦。
下方仓库很危险，请慎入！
原文地址：https://github.com/frontendgithub/frontendgithub
平时如何发现好的开源项目，可以看看这篇文章：如何在 github 上发现优秀开源项目 和 如何使用 github 进行精准搜索的神仙技巧。
可以加超级猫的 wx：cb834301747 ，一起闲聊 前端github。
觉得有用 ？喜欢就收藏，顺便点个赞吧，你的支持是我最大的鼓励！
微信搜 “前端github”，回复 “电子书” 即可以获得 160 本前端精华书籍哦。
往期精文
10 个 github 上超火的 css 技巧项目，找到写 css 的灵感！
10 个 github 上超火的前端面试项目，打造自己的加薪宝库！
10 个 github 上超火和超好看的管理后台模版，后台管理项目有着落了
11 个超火的大厂前端代码规范，你也能写出诗一样的代码！
恕我直言，你可能连 github 搜索都不会用 - 如何精准搜索的神仙技巧
github 上最火的、最值得前端学习的数据结构与算法项目！没有之一
全球最火的 web 开发学习路线！没有之一！3 天就在 github 收获了接近 1w 点赞
github 标星1.6w ，程序员不得不知的“潜规则”又火了，早知道就不会秃头了
总结
以上是尊龙游戏旗舰厅官网为你收集整理的白嫖我常用的 11 个超火的前端必备在线工具，终于有时间上班摸鱼了的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 10 个 github 上超火和超好看的
- 下一篇：