网页与代码

浏览我们为开发者提供的免费“网页与代码”系列。所有工具都在浏览器中运行,无需安装。

22 个工具
JavaScript 美化/压缩
格式化或压缩 JavaScript
CSS 美化与压缩工具
格式化、优化和压缩 CSS 代码
HTML 美化/压缩
格式化或压缩 HTML
正则表达式测试器
交互式测试正则表达式
Source Map Stack Trace 解析器
Source Map Stack Trace 解析器,适合日常开发工作流。
颜色转换器
在 CSS、移动端和设计令牌格式之间转换颜色
HTML CSS JS 在线试验场
编写前端代码,在浏览器中安全运行并调试结果。
SVG 转 JSX
将 SVG 标记转换为整洁的 React JSX 或 TSX 组件
渐变生成器
浏览精选 CSS 渐变,或创建线性、径向和锥形渐变
WebAssembly 实验场
编写 WAT,编译为 WebAssembly,检查二进制并在本地调用导出函数。
调色板生成器
生成可锁定的配色方案、OKLCH 色调阶梯和设计令牌
CSS Flexbox 生成器
可视化构建 Flexbox 布局并复制 CSS、HTML 或 Tailwind
SQL 格式化与压缩
在八种方言中格式化或安全压缩 SQL,不改动字符串字面量
Big O 复杂度分析器
估算 14 种语言的时间和空间复杂度,提供置信度和依据。JS、TS、Python 使用语法树,其他语言使用有限启发式分析。
PHP 反序列化工具
无需运行 PHP 代码,安全检查 PHP 序列化值
邮件 CSS 内联工具
以正确的层叠将 CSS 内联到邮件 HTML,保留媒体查询并安全预览
WCAG 2.2 颜色对比度检查器
按 WCAG 2.2 AA 和 AAA 检查文字与 UI 颜色对比度,并修正不通过的颜色组合
.htaccess 生成器
生成 Apache .htaccess 重定向、缓存和安全规则,并检查冲突
CSS Grid 生成器
可视化构建 CSS Grid 布局,并复制简洁的 CSS 和 HTML
CSS 彩纸生成器
设计彩纸动画,并复制轻量的 HTML、CSS 和 JS
堆栈跟踪分析器
从任意堆栈跟踪中找出错误链、根本原因和你的代码栈帧
正则表达式库
适用于各种语言的已测试正则表达式

按工作流浏览

CodingTool 已正式上线于

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.toolsLaunchpadly Startup DirectoryCodingTool.dev — Featured on Smol Launch