语义版本范围测试器 - 检查版本是否满足约束
输入目标版本和范围表达式(如 ^1.2.3),判断是否匹配,帮助理解依赖解析规则。
UD5工具箱
检测网站的 HSTS、CSP、X-Frame-Options 等安全响应头配置,评估网站安全防护等级
安全评分
Strict-Transport-Security 告知浏览器:在指定时间内(max-age),对该域名的所有请求必须使用 HTTPS,不允许通过 HTTP 访问。这能有效防止 SSL 剥离攻击和中间人攻击。推荐配置:max-age=31536000; includeSubDomains; preload(至少1年有效期)。
default-src 'self'; script-src 'self' cdn.example.com 表示只允许加载同源脚本和指定CDN的脚本。应避免使用 'unsafe-inline' 和 'unsafe-eval'。
DENY(完全禁止)、SAMEORIGIN(仅允许同源嵌入)。现代网站也可使用 CSP 的 frame-ancestors 指令替代。
nosniff 后,浏览器会严格按照服务器声明的 Content-Type 处理资源,阻止将不可执行的文本文件当作脚本执行,防止某些类型的攻击。几乎所有现代网站都应设置此头。
add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" always;add_header X-Frame-Options "SAMEORIGIN" always;add_header X-Content-Type-Options "nosniff" always;Header always set Strict-Transport-Security "max-age=31536000; includeSubDomains; preload"
strict-origin-when-cross-origin 或 no-referrer-when-downgrade。camera=(), geolocation=(self) 可限制敏感API的使用范围。
输入目标版本和范围表达式(如 ^1.2.3),判断是否匹配,帮助理解依赖解析规则。
使用scheduler.postTask API安排不同优先级的任务,并观察执行顺序。
上传SVG图标,生成包含这些图标的Web字体文件包及CSS使用代码。
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
浏览专用于像素风游戏的免费字体,输入文字实时预览并获取引入代码。
交互式调整@layer顺序和选择器,实时观察CSS级联层如何影响样式应用,学习现代特性。
显示用颜色书写的颜色词,要求选择实际文字颜色,测抑制能力。
输入多个CSS选择器,以图表形式展示各选择器特异性的 (a,b,c) 值对比。
使用空格填充,将文本按指定的列宽左对齐、右对齐或居中对齐,适合纯文本报表。
根据已知带宽或手动输入,估算传输指定大小文件所需时间。
选择缓存策略(Network First, Cache First等),填写预缓存文件列表,生成sw.js文件。
显示navigator.deviceMemory数值,并给出基于内存的代码分割与功能降级建议。
通过交互式问答选择入口、输出、Loaders 和 Plugins,生成 webpack.config.js。
在线可视化调整元素圆角半径,支持统一或分别设置四个角,实时预览圆角效果并生成CSS代码。
粘贴 Dockerfile 内容,检查常见问题如层数过多、未使用特定用户、标签缺失等。
通过下载指定图片或数据包,估算当前网络的下载速度和延迟,纯前端测速。
生成指定宽度和高度的占位图片,可选择类别(自然、人物、抽象)和灰度。
模拟服务器推送资源,展示推送的资源和缓存行为,帮助优化 HTTP/2 策略。
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
依据当前局面,用逻辑推导出哪些格子一定安全、一定有雷,辅助手动扫雷。
上传图片,点击绘制不规则链接区域,生成HTML <map>代码。
设定百分比、颜色和粗细,生成环形SVG进度条代码,可增加动画。
为表单设计全局错误摘要区,当提交出错时自动生成错误链接并聚焦,符合 WCAG 3.3.1。
将CSS规则分配到不同@layer,并可视化展示最终生效声明及其来源层级,深入理解级联。
连接CheerLights API,显示全球此刻统一的情绪颜色,加入同步。
输入视频文件大小和时长,计算平均视频/音频码率,辅助视频压缩决策。
搜索并实时过滤所有FA6免费图标,点击直接复制 `<i>` 标签或Unicode。
将图片边缘检测后转换为SVG路径,生成基础矢量轮廓图,适合简单logo描摹。
输入一个数值,快速计算其黄金分割长边和短边,用于版式设计、图形比例参考。
上传一张图片,同时压缩为多种格式并调整质量,并排比较细节与文件大小,选择最佳格式。