13518219792
根据您的个性需求进行定制 先人一步 抢占小程序红利时代
这几天简单整理了一下自己日常经常使用的工具网站，把好用的分享给小伙伴们！
根河网站建设公司创新互联公司,根河网站设计制作，有大型网站制作公司丰富经验。已为根河千余家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的根河做网站的公司定做！
所以今天给大家带来的是 11 个 GitHub 上超火的前端实用在线工具 ，终于有时间上班摸鱼了，嘻嘻~
喵~ 喵~ 喵~ 正文要开始了，上车坐稳扶好了~
LightHouse 是一个开源的自动化工具，用于改进网络应用的质量。
可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。
当为 Lighthouse 提供一个要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。
让开发人员根据生成的页面性能的报告，来进行网站优化和完善，提高用户体验。
可以参考失败的测试，看看可以采取哪些措施来改进应用。
在里面你可以看到它给你各个方面的建议，比如图片、css、js 这些文件的处理，还有 html 里面标签的使用，缓存处理等建议，可以根据这些来对网站进行优化。
https://github.com/GoogleChro...
这个是一个针对前端开发人员定制的一个查询 CSS、Js 在个中流行浏览器钟的特性和兼容性的网站，可以很好的保证网页的浏览器兼容性。
有了这个工具可以快速的了解到代码在各个浏览器钟的效果。
比如查询 transform 的浏览器支持情况：
再比如 proxy 的浏览器支持情况：
https://caniuse.com/
Carbon 是一个在线的代码转图片工具。
相信小伙伴们见过很多人的博客上面都有类似这种代码图片吧?
Carbon 可以很容易的为你的代码创建漂亮的图片。
不过有个缺点就是国内网络访问时，复制图片很慢。
https://carbon.now.sh/
IOS 字体支持查询和 IOS 系统自带字体查询。
http://iosfonts.com/
web color 为了尽量让用户看到色彩相同的网页，请尽量使用 216 色的 web 安全色。
https://www.bootcss.com/p/web...
PNG/JPG 图片在线压缩利器，智能 PNG 和 JPEG 图片压缩。
TinyPNG 使用智能有损压缩技术将您的 PNG 文件的文件大小降低。 通过选择性的减少图片中的颜色，只需要很少的字节数就能保存数据。 对视觉的影响几乎不可见，但是在文件大小上有非常大的差别。
https://tinypng.com/
草料二维码生成器，相信很多人都用过。
常用的工具也很多：
https://cli.im/
定制各种形状的网站分区 SVG 的工具，调整好了自己想要的形状之后，可以一键复制和下载。
https://www.shapedivider.app/
这是一个 json 在线解析的网站，是我最常使用的一个网站。
功能包括了：json 在线解析，json 格式化，json 格式验证，json 转 xml，xml 转 json，json 压缩，json 转义，js 混淆加密，JSON 转实体，json 在线，JSON 校验。
http://json.cn/
这是一个功能多到发指的网站！
比如 前端WEB工具 就包含了以下的工具：
而且还有更多：
https://www.sojson.com/
站长工具是站长的必备工具。
经常上站长工具可以了解 SEO 数据变化。
还可以检测网站死链接、蜘蛛访问、HTML格式检测、网站速度测试、友情链接检查、网站域名IP查询。
SEO 相关类的有 WHOIS 查询，DNS 查询过期域名查询，NsLookup 查询，域名删除时间备案查询删除域名归档备案批量查询等，除此之外，还有 IP 类，百度相关，测速/监控，网页相关，网站优化人员必备。
https://tool.chinaz.com/
最近加班有点严重，经常都是晚上 11 点多才下班，所以文章更新慢了很多。
因为文章都是在晚上肝出来的，一篇文章要肝几个晚上才行，肝到这里时，已经过了零晨了，唉。
