scheduler.postTask优先级演示 - 用户交互优先
使用scheduler.postTask API安排不同优先级的任务,并观察执行顺序。
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的使用范围。
使用scheduler.postTask API安排不同优先级的任务,并观察执行顺序。
上传SVG图标,生成包含这些图标的Web字体文件包及CSS使用代码。
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
浏览专用于像素风游戏的免费字体,输入文字实时预览并获取引入代码。
交互式调整@layer顺序和选择器,实时观察CSS级联层如何影响样式应用,学习现代特性。
显示用颜色书写的颜色词,要求选择实际文字颜色,测抑制能力。
输入多个CSS选择器,以图表形式展示各选择器特异性的 (a,b,c) 值对比。
使用空格填充,将文本按指定的列宽左对齐、右对齐或居中对齐,适合纯文本报表。
选择缓存策略(Network First, Cache First等),填写预缓存文件列表,生成sw.js文件。
显示navigator.deviceMemory数值,并给出基于内存的代码分割与功能降级建议。
在线可视化调整元素圆角半径,支持统一或分别设置四个角,实时预览圆角效果并生成CSS代码。
通过下载指定图片或数据包,估算当前网络的下载速度和延迟,纯前端测速。
生成指定宽度和高度的占位图片,可选择类别(自然、人物、抽象)和灰度。
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
依据当前局面,用逻辑推导出哪些格子一定安全、一定有雷,辅助手动扫雷。
上传图片,点击绘制不规则链接区域,生成HTML <map>代码。
设定百分比、颜色和粗细,生成环形SVG进度条代码,可增加动画。
为表单设计全局错误摘要区,当提交出错时自动生成错误链接并聚焦,符合 WCAG 3.3.1。
将CSS规则分配到不同@layer,并可视化展示最终生效声明及其来源层级,深入理解级联。
连接CheerLights API,显示全球此刻统一的情绪颜色,加入同步。
输入视频文件大小和时长,计算平均视频/音频码率,辅助视频压缩决策。
搜索并实时过滤所有FA6免费图标,点击直接复制 `<i>` 标签或Unicode。
将图片边缘检测后转换为SVG路径,生成基础矢量轮廓图,适合简单logo描摹。
输入一个数值,快速计算其黄金分割长边和短边,用于版式设计、图形比例参考。
上传一张图片,同时压缩为多种格式并调整质量,并排比较细节与文件大小,选择最佳格式。
上传或输入CSV多变量数据,绘制平行坐标图,支持刷选高亮模式。
输入屏幕尺寸与宽高像素,计算每英寸像素数(PPI),比较设备细腻度。
拖拽四角将斜拍的文档拉平为标准矩形,重采样为正对视角的文档图片。
上传设计稿,按喜欢、疑问、建议三区邀请评审回复,形成报告。
输入文件扩展名或MIME类型,查询对应的标准媒体类型,涵盖常见文档、图片、音视频格式。