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

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

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

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

4. ios font

---

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

5. web 安全色查询

---

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

6. TinyPNG

---

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

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

7. 二维码生成器

---

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

常用的工具也很多：

8. Shape Divide

---

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

9. json 格式化

---

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

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

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 混淆

11. 站长工具

---

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

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

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

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

最后

–

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

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

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

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

好了啦，今天的内容就给大家分享到这了，小编最后还为大家送上前端大礼包
【加君羊：581286372】帮助大家更好的学习哦！

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

om/2024/03/13/H4lCoPEF.jpg" />

最后

[外链图片转存中…(img-sCyGuRVf-1712073818111)]

[外链图片转存中…(img-M8KJoON4-1712073818112)]

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。