[TOC] <br/><br/><br/> # <b style="color:#4F4F4F;">简介说明</b> ``` 版本:工具 作用:提供便利帮助的工具网站 ``` <br/> # <b style="color:#4F4F4F;">工具分类</b> <br/> # <span style="color:#619BE4;">全家套装</span> ***** 所有工具集合汇聚的网站 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | shijuechuanda | 设计网站工具箱 | [链接](http://hao.shijuechuanda.com/) | | runoob | 菜鸟工具箱 | [链接](https://c.runoob.com/) | | ai-bot | AI工具集导航 | [链接](https://ai-bot.cn/) | <br/> # <span style="color:#619BE4;">信息查询</span> ***** 关于开发等系列情报提供网站 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | zol | 科技产品硬件参数及其报价 | [链接](http://detail.zol.com.cn/) | | browserlist | 查询不同版本号的浏览器市场占比状况 | [链接](https://browserslist.dev/) | | caniuse | 查询前端API兼容性 | [链接](https://caniuse.com/) | | compat-table | es6语法兼容列表图 | [链接](https://kangax.github.io/compat-table/es6/) | | tiobe | 不同编程语言的火爆程度 | [链接](https://www.tiobe.com/tiobe-index/) | | codelf | Code词汇查询使用表 | [链接](https://unbug.github.io/codelf/) | | dpi(ppi) | 查看屏幕显示分辨率 | [链接](https://dpi.lv/) | | algorithm-visualizer | 算法可视化 | [链接](https://algorithm-visualizer.org/) | | godbolt | C语言转换汇编表达(compiler explorer) | [链接](https://godbolt.org) | | cdecl | 快速获取C语言类型 | [链接](https://cdecl.org/) | | jsv9000 | 可视化事件循环 | [链接](https://www.jsv9000.app/) | | regulex | 可视化正则表达式 | [链接](https://jex.im/regulex) | | promisees | 可视化Promise表达式 | [链接](https://bevacqua.github.io/promisees/) | | jspro | 原型链可视化 | [链接](https://shuaihuajun.github.io/project/jspro/) | <br/> # <span style="color:#619BE4;">样式设计</span> ***** 设计相关网站 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | 墨刀 | 产品设计一体化在线协同办公平台 | [链接](https://modao.cc/) | | mastergo | 在线产品原型图设计 | [链接](https://mastergo.com/) | | figma | 在线矢量图绘制工具 | [链接](https://www.figma.com/) | | 即时设计 | 在线可视化设计工具 | [链接](https://js.design/home) | | 锤子简历 | 在线创建和编辑简历 | [链接](https://www.100chui.com/resume/) | | goodmes | 在线云标签设计平台 | [链接](https://t.goodmes.com/home) | | 包小盒 | 在线包装云设计 | [链接](https://www.baoxiaohe.com/) | | mdnice | 微信公众号排版工具 | [链接](https://www.mdnice.com/) | | excalidraw | 手绘风格流程图 | [链接](https://excalidraw.com/) | | layoutit | bootstrap在线布局工具 | [链接](https://www.layoutit.com/build) | | BBG | bootstrap在线按钮订制工具 | [链接](https://blog.koalite.com/bbg/) | | form-generator | 在线生成element-ui | [链接](https://mrhj.gitee.io/form-generator/#/) | | cssgr | 交互式 CSS 网格代码工具和生成器 | [链接](https://cssgr.id/) | | css-grid | 生成css3 Grid布局代码 | [链接](https://css-grid-layout-generator.pw/) | | angrytools | CSS工具处理集合 | [链接](https://angrytools.com/) | | grid.layoutit | 生成css3 Grid布局代码 | [链接](https://grid.layoutit.com/) | | cssgrid-generator | 生成css3 Grid布局代码 | [链接](https://cssgrid-generator.netlify.app/) | | csslayout | CSS布局代码大全 | [链接](https://csslayout.io/) | | magicpattern | CSS背景图代码大全 | [链接](https://www.magicpattern.design/tools/css-backgrounds) | | shapedivider | 分割线背景图设计 | [链接](https://www.shapedivider.app/) | | animista | 动画效果生成库 | [链接](https://animista.net/play/basic) | | codyhouse | CSS组件代码大全 | [链接](https://codyhouse.co/ds/components) | | css3generator | css代码生成器 | [链接](http://css3generator.com/) | | svgwave | 在线生成SVG波浪 | [链接](https://svgwave.in/) | | cssload | 各种css load加载图 | [链接](https://icons8.com/cssload) | | loading | 各种css load加载图 | [链接](https://loading.io/) | | whirl | 各种css load加载图 | [链接](https://whirl.netlify.app/) | | flexifont | 手写字体生成网站 | [链接](http://www.flexifont.com/) | | 贝塞尔绘制 | 生成css3贝塞尔曲线函数 | [链接](http://cubic-bezier.com/) | | bezier-curve | 生成css3贝塞尔曲线函数 | [链接](https://www.bezier-curve.com/) | | easings | 在一系列页面上测试贝塞尔曲线 | [链接](https://easings.co/) | | css3演示 | 演示css属性效果 | [链接](https://www.html.cn/tool/css3Preview/Linear-Gradients-moz.html) | | easings | 缓动函数集合 | [链接](https://easings.net/) | | Adobe Color | Adobe在线调色工具站 | [链接](https://color.adobe.com/zh/create) | | 中国颜色对照 | 中国语言描述的颜色和16进制对照 | [链接](http://zhongguose.com/) | | LOL COLORS | 国际认同的配色方案 | [链接](https://www.webdesignrankings.com/resources/lolcolors/) | | lottiefiles | 动画的未来和交互式设计 | [链接](https://lottiefiles.com/) | | neumorphism | 新拟态样式设计 | [链接](https://neumorphism.io/) | | responsivedesign | 响应式,查看网站在不同屏幕(移动端和PC)下表现 | [链接](http://ami.responsivedesign.is/) | | text-crop | 文字leading处理方案 | [链接](https://text-crop.eightshapes.com/) | | FilterBlend | 混合滤镜处理 | [链接](https://ilyashubin.github.io/FilterBlend/) | | vuegg | Vue GUI生成器 | [链接](https://vuegg.github.io/) | <br/> # <span style="color:#619BE4;">图像处理</span> ***** 图像处理 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | SVG编辑器 | 菜鸟教程-SVG编辑器 | [链接](https://c.runoob.com/more/svgeditor/) | | 打马 | 图片在线打码 | [链接](http://www.cmbs.cn/) | | docsmall | gif图片压缩 | [链接](https://docsmall.com/gif-compress) | | tinyPng | 压缩图片体积 | [链接](https://tinypng.com/) | | squoosh | 在线图片压缩 | [链接](https://squoosh.app/) | | bigjpg | 人工智能放大图片 | [链接](https://bigjpg.com/) | | removebg | 人工智能抠图 | [链接](https://www.remove.bg/zh) | | 改图宝 | 在线修改图片 | [链接](https://www.gaitubao.com/) | | photokit | 在线图片处理 | [链接](https://photokit.com/?lang=zh) | | bitbug | 比特虫icon图标制作工具 | [链接](https://www.bitbug.net/) | | 标小智 | 免费favicon.ico图标在线生成器 | [链接](https://www.logosc.cn/logo/favicon) | | lU钙网作 | 在线log制作 | [链接](http://www.uugai.com/) | | logoaa | 在线log制作 | [链接](https://www.logoaa.com/) | | appicon | app icon制作 | [链接](https://tool.lu/appicon/) | | 图片热点 | 图片热点区域在线选取 | [链接](https://www.yubaibai.com.cn/tool/redian/) | | gaitubao | 图片单位换算 | [链接](https://www.gaitubao.com/tools/pixel2cm.html) | | shields | github徽章图制作工具 | [链接](https://shields.io/category/analysis) | | shadow4android | Android 9-patch shadow generator | [链接](http://inloop.github.io/shadow4android/) | <br/> # <span style="color:#619BE4;">人工智能</span> ***** 在线算法网站 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | geogebra | 绘图,几何在线数学应用工具 | [链接](https://www.geogebra.org/) | | WolframAlpha | 强大的数学计算工具 | [链接](https://www.wolframalpha.com/) | | novelai | 二次元AI作画网站 | [链接](https://novelai.net/) | | aicodehelper | 编码辅助 | [链接](https://aicodehelper.com/) | | prompts | chatGPT提示语 | [链接](https://prompts.fresns.cn/) | | lbelieve | AI常用工具 | [链接](http://gpt.lbelieve.cn/) | | AI云曦问答 | AI云曦问答 | [链接](http://ai.i443.cn/) | | chatGPT | openAI开发的大语言模型智能 | [链接](https://chat.openai.com/chat) | | 文心一言 | 百度出品的大语言模型 | [链接](https://yiyan.baidu.com/welcome) | | 通义千问 | 阿里巴巴出品的大语言模型 | [链接](https://qianwen.aliyun.com/) | | 星火 | 新一代认知智能大模型,拥有跨领域知识和语言理解能力,能够基于自然对话方式理解与执行任务 | [链接](https://xinghuo.xfyun.cn/) | | 混元 | 由腾讯研发的大语言模型,具备强大的中文创作能力,复杂语境下的逻辑推理能力,以及可靠的任务执行能力 | [链接](https://hunyuan.tencent.com/) | ![AI工作合集](https://img.kancloud.cn/ad/39/ad3917c4ac073ec4b53a0dd1495aff1e_1280x1711.jpg) <br/> # <span style="color:#619BE4;">编码解析</span> ***** 编码解析 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | jwt | 在线解析json web token | [链接](https://jwt.io) | | AST分析器 | 将代码拆分成抽象语法树 | [链接](https://astexplorer.net/) | | toolnb | 在线计算HMAC | [链接](https://www.toolnb.com/tools/hashHmac.html) | | metools | 文件md5在线计算 | [链接](http://www.metools.info/other/o21.html) | | CRC计算 | CRC计算器 | [链接](http://www.ip33.com/crc.html) | <br/> # <span style="color:#619BE4;">应用资源</span> ***** 生成如证书,网站地图等内容 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | Let's Encrypt | 免费的SSL/TLS证书 | [链接](https://letsencrypt.org/zh-cn/) | | freessl | 提供免费HTTPS证书申请的网站 | [链接](https://freessl.cn/) | | android-cert | 安卓证书在线制作 | [链接](https://www.dibaqu.com/utils/android-cert) | | polyfill | 在线生成polyfill | [链接](https://polyfill.io/) | | sitemap | 在线网站地图生成器 | [链接](https://sitemap.zhetao.com/) | | gltf模型 | gltf模型在线查看器 | [链接](https://techbrood.com/tool?p=gltf-viewer) | | bundlejs | 基于浏览器的在线前端打包工具 | [链接](https://bundlejs.com/) | | createapp | 可视化构建webpack应用 | [链接](https://createapp.dev/webpack/no-library) | <br/> # <span style="color:#619BE4;">数据模拟</span> ***** 创造开发所需的模拟假数据 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | BullshitGenerator | 狗屁不通文章生成器 | [链接](https://suulnnka.github.io/BullshitGenerator/index.html) | | placeholder | 图片占位工具 | [链接](https://placeholder.com/) | | fastmock | 在线mock数据生成 | [链接](https://www.fastmock.site/#/) | | jsonplaceholder | 模拟JSON数据 | [链接](http://jsonplaceholder.typicode.com/) | | httpbin | 测试HTTP请求 | [链接](http://httpbin.org/) | <br/> # <span style="color:#619BE4;">内容转换</span> ***** 内容转换 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | cloudconvert | 万能转换网 | [链接](https://cloudconvert.com/),[中文站](https://convertio.co/zh/) | | 图片转SVG | 图片转SVG | [链接](http://www.bejson.com/convert/image_to_svg/) | | html转pug | html转pug | [链接](http://html2jade.org/) | | ascii | 文字转字符画 | [链接](http://www.network-science.de/ascii/) | | img2txt | 图片转字符画 | [链接](https://www.degraeve.com/img2txt.php) | | json转YAML | json转YAML | [链接](https://c.runoob.com/front-end/53) | | typeof-sjsonc | 在线JSON转typescript接口 | [链接](https://wulunyi.github.io/typeof-sjsonc-web/build/index.html) | | json2schema | 在线JSON转schema接口 | [链接](https://tooltt.com/json2schema/) | | jsonschema | 在线JSON转schema接口 | [链接](https://www.jsonschema.net/) | <br/> # <span style="color:#619BE4;">低代码平台</span> ***** 低代码平台和可视化开发 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | landing | antd模板页面编辑器 | [链接](https://landing.ant.design/index-cn) | | 织信 | 低代码开发平台 | [链接](https://www.informat.cn/) | | 宜搭 | 宜搭低代码后台管理开发平台 | [链接](https://www.aliwork.com/) | | 云凤蝶 | 移动建站平台 | [链接](https://www.yunfengdie.com/intro) | | wuyuan | 后台管理系统生成器 | [链接](https://wuyuan.io/) | | magicalcoder | JAVA代码生成器 | [链接](http://bbs.magicalcoder.com/) | | h5ds | HTML5表单可视化编辑器 | [链接](http://www.h5ds.com/) | | h5-dooring | 功能强大,高可扩展的H5可视化页面配置 | [链接](http://h5.dooring.cn/) | | 易企秀 | HTML5宣传页在线制作工具 | [链接](https://store.eqxiu.com/) | | codefun | UI 设计稿智能生成前端源代码 | [链接](https://code.fun/) | | 蓝湖 | 高效的产品设计协作平台 | [链接](https://lanhuapp.com/) | | deco | 设计稿一键生成多端代码 | [链接](https://ling-deco.jd.com/) | <br/> # <span style="color:#619BE4;">在线开发</span> ***** 在线开发平台 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | codesandbox | 在线运行各种编程语言 | [链接](https://codesandbox.io/) | | codepen | 在线运行各种编程语言 | [链接](https://codepen.io/) | | stackblitz | 即时开发环境 | [链接](https://stackblitz.com/) | | jsrun | 在线运行各种编程语言 | [链接](http://jsrun.net/) | | jsFiddle | 非常优秀的js在线运行插件 | [链接](https://jsfiddle.net/) | | jsbin | 在线执行JS代码 | [链接](https://jsbin.com/) | | pythontutor | 打残代码执行过程,可视化代码执行 | [链接](https://pythontutor.com/) | <br/> # <span style="color:#619BE4;">更多工具</span> ***** 更多工具 <br/> ### *索引列表 <span style="color:red;">1. 详情</span> | 名称 | 作用 | 地址 | | --- | --- | --- | | github1s | 在线编辑github源码 | [链接](https://github1s.com/) | | 腾讯坐标拾取器 | 逆运算坐标经纬度 | [链接](http://lbs.qq.com/tool/getpoint/) | | ArcGIS Online | 用于创建和共享交互式 web 地图的基于云的软件 | [链接](https://www.esri.com/zh-cn/arcgis/products/arcgis-online/overview) | | dataV | 获地图配置文件 | [链接](http://datav.aliyun.com/portal/school/atlas/area_selector) | | barchartrace | 条形图竞赛在线编辑器 | [链接](https://github.com/FabDevGit/barchartrace) | | carbon | 生成漂亮的代码块截图片段 | [链接](https://carbon.now.sh/) | | ipjisuanqi | IP地址换算查询 | [链接](https://ipjisuanqi.com/) | | apk-downloader | 将Google play的应用转换为apk下载 | [链接](https://apps.evozi.com/apk-downloader/) | | ChartCube | AntV在线图表制作工具 | [链接](https://chartcube.alipay.com/) | <br/>