HTTP缓存头检测 - ETag/Cache-Control分析

输入URL，请求并分析响应中的Cache-Control、ETag等缓存策略头给出优化建议。

开发工具 HTTP 分析 缓存

空值安全模拟器 - JS可选链与默认值测试

输入嵌套对象和取值路径，测试?.可选链和??空值合并运算的结果，学习JS新特性。

开发工具 JavaScript 可选链 测试

最新

JavaScript循环性能测试 - 比较多种写法

在浏览器中即时测试for、forEach、map、for-of等循环的执行速度，帮助选择最优写法。

开发工具 JavaScript 循环 性能

最新

CSS 伪类效果测试场 - 实时查看 :is() :where() :has()

编写带有伪类的选择器，实时高亮匹配的HTML元素，探索现代CSS选择器的能力。

CSS CSS :has 伪类 选择器

最新

内存分页替换模拟 - FIFO/LRU/OPT动画

设定物理页框数，输入页引用串，动画展示不同页面置换算法的缺页率。

教育工具 分页 模拟 算法

最新

悬停提示框生成器 - 纯CSS/JS气泡样式定制

选择触发位置、箭头方向与样式，生成轻量悬停提示框代码。

开发工具 CSS tooltip 提示框 生成

CSS缓动函数试玩场 - 所有预设一览

并列播放所有CSS内置缓动函数（ease, linear等）的动画效果，方便对比选择。

前端设计 CSS 动画 缓动

最新

URL参数可视化提取 - 分层解析查询串

粘贴带参数的URL，以表格形式列出所有Query参数与值。

开发工具 URL 参数 提取 解析

最新

JSON 差异对比器 - 高亮增删改节点

输入新旧JSON，并排展示增删改的行级差异，辅助接口变动追踪。

JSON JSON 对比 差异 高亮

CSS属性兼容性表格 - 按使用率排序

搜索CSS属性和选择器，展示在主流浏览器的支持版本和全局使用率百分比。

前端设计 CSS 兼容性 表格

最新

HTML内联样式提取器 - 批量整理为独立CSS

提取HTML中内联style属性或嵌入式style标签，转变为独立CSS规则，辅助样式重构。

CSS CSS 内联 提取 重构

滚动驱动动画生成器 - Scroll-timeline代码

配置基于滚动位置触发的CSS @scroll-timeline动画，复制适配代码。

前端设计 CSS 动画 滚动

浏览器默认样式查看器 - HTML元素User Agent

模拟显示各个HTML元素在典型浏览器中的默认CSS属性表，辅助CSS Reset决策。

前端设计 CSS 参考 默认样式

Query String解析器 - URL参数编码解码

将URL查询字符串转换为键值对对象，编辑并重新生成编码后的查询参数，支持多层嵌套。

开发工具 Query String URL 参数

最新

Web Worker计算演示 - 后台斐波那契不卡顿

在主线程和Worker中分别计算大斐波那契数，对比界面的响应度。

开发工具 Web Worker 多线程 演示

最新

JSON 数据转 HTML 表格 - 嵌套折叠与排序

将 JSON 数组或对象渲染为可交互的 HTML 表格，支持嵌套展开、列排序和搜索。

可视化 HTML JSON 渲染 表格

最新

Webpack 打包分析器 - stats.json 可视化

上传 webpack 的 stats.json，生成交互式树状图、模块大小排名，辅助优化构建体积。

开发工具 Webpack 体积 打包分析 模块

CSS Reset代码生成器 - 统一默认样式重置

勾选或调整所需的重置元素（盒模型、边距等），生成自定义CSS Reset片段，确保跨浏览器一致性。

前端设计 CSS Reset 生成器 重置

CSS兼容性速查 - 属性在各浏览器支持图表

搜索CSS属性，显示其在主流浏览器的支持范围和前缀需求，快速避免踩坑。

前端设计 CSS 兼容性 浏览器

最新

页面标题层级分析器 - h1~h6 结构检查

输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。

SEO 大纲 层级 无障碍 标题

骨架屏代码生成器 - 加载占位灰色块

为内容区域生成灰色闪烁的骨架屏占位代码，包含卡片、标题等组件样式。

前端设计 CSS 生成 骨架屏

预设动画库 - 常用CSS关键帧

浏览并一键复制常见CSS动画（跳动、淡入、滑动等）的@keyframes代码。

前端设计 CSS 关键帧 动画

NPM包名可用性查询 - 内置类似名称检查

输入包名，通过NPM Registry API查询是否已被占用，并显示近似的包名建议。

开发工具 npm 包名 检查

内联CSS提取器 - 将style标签移为外部

提取HTML中所有内嵌 `<style>` 标签的内容，合并生成单独CSS文件。

开发工具 CSS 提取 整理

懒加载代码生成 - IntersectionObserver

生成使用Intersection Observer实现图片懒加载的JavaScript代码，含过渡动画。

优化工具 性能 懒加载 生成

最新

HTML转JSX/TSX工具 - 替换核心属性

将普通HTML片段一键转为React可用的JSX，处理class→className、style等。

开发工具 HTML JSX 转换

最新

Cookie同意横幅配置器 - GDPR/CCPA 自定义样式

实时预览并生成符合隐私法规的Cookie同意横幅HTML/CSS/JS代码，一键嵌入网站。

合规 Cookie GDPR 同意 横幅

最新

结构化数据测试 - 粘贴代码实时预览

粘贴结构化数据代码，模拟Google结构化数据测试，检查错误与丰富结果。

SEO工具 JSON-LD Schema 测试 结构化数据

正则表达式在线测试工具 - JavaScript正则校验

在线正则表达式测试工具，支持JavaScript正则匹配、替换、提取等操作，即时显示匹配结果和高亮。

开发工具 Regex 正则表达式 测试 验证

新拟态设计生成器 - CSS Neumorphism样式代码

调节光源角度、颜色和距离，生成凹凸柔和的新拟态UI元素CSS盒阴影代码，潮流设计工具。

前端设计 CSS Neumorphism 新拟态