HMAC消息认证码生成器 - 密钥哈希在线计算
输入密钥和消息,生成基于SHA-256或其他哈希的HMAC签名,验证数据完整性,纯前端WebCrypto。
UD5工具箱
可视化配置 sandbox 属性,实时预览权限限制效果,生成安全的嵌入代码
allow-scripts
点击"加载"或"测试页"预览iframe
沙箱配置将在加载时应用sandbox 是 HTML5 为 <iframe> 引入的安全属性。当设置 sandbox 属性时,浏览器会对iframe内容施加严格的限制,包括禁用脚本、禁用表单、禁用弹窗、禁止访问父页面DOM等。通过添加 allow-* 值,可以逐个解除特定限制。这是一种"默认拒绝,显式允许"的安全模型。
没有sandbox属性 ≠ 有sandbox="":前者无任何限制,后者限制所有权限。
⚠ 这是一个常见的安全误区。
当 allow-scripts 和 allow-same-origin 同时存在时,iframe内的脚本可以访问同源数据(如cookie、localStorage),甚至移除自身的sandbox属性,从而完全绕过沙箱限制。
最佳实践:如果不需要同源访问,不要添加allow-same-origin。如果需要,请确保iframe内容完全可信,或使用独立子域名隔离。
根据嵌入内容的信任级别和功能需求选择:
sandbox=""(最严格)sandbox="allow-scripts"sandbox="allow-scripts allow-same-origin allow-forms allow-popups"allow-top-navigation-by-user-activation(比allow-top-navigation更安全)默认sandbox(无allow-*值)会阻止:
window.open() 弹窗alert() / confirm() / print() 等模态操作top.location 导航父页面每个 allow-* 值解除一项限制。
allow-top-navigation 允许iframe内容随时修改父页面的URL(top.location),可能被恶意利用进行钓鱼或重定向攻击。
allow-top-navigation-by-user-activation(Chrome 58+)仅在用户手势(如点击)触发时才允许导航,大幅降低风险。推荐优先使用后者。
如果目标网站设置了 X-Frame-Options: DENY 或 Content-Security-Policy: frame-ancestors 'none',浏览器会拒绝在iframe中加载该页面。这是服务器端的限制,无法通过sandbox配置绕过。
提示:可以在浏览器开发者工具的Console中查看相关错误信息。本工具的内置测试页面不受此限制。
输入密钥和消息,生成基于SHA-256或其他哈希的HMAC签名,验证数据完整性,纯前端WebCrypto。
上传或选择 Chart,在 Web 界面编辑 values.yaml,实时预览生成的 Kubernetes 清单。
粘贴Content-Security-Policy头,获得逐条解析与安全评分,识别缺失指令与危险源。
显示当前网页的Referrer-Policy设置,并模拟不同策略下的Referer发送情况。
集成ASCII/Hex/Base家族/Quoted-Printable/UUencode等多种编码一键互转,支持智能识别与链式解码。
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
为外部 JavaScript/CSS 文件计算 SHA-256/384/512 哈希并生成完整的 integrity 属性代码。
调整滚动容器和子项的对齐方式、停止点,观察CSS Scroll Snap平滑滑动效果。
输入 HTML,模拟浏览器的预加载扫描器,列出将提前请求的资源。
调整 accent-color 值,实时查看单选框、复选框、进度条等原生控件的主题变化。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
动态调整 accent-color 并实时查看对复选框、单选按钮、进度条和滑块的影响。
输入后缀表达式或简单指令,逐步演示栈的压入弹出计算过程。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
模拟 prefers-contrast: more/less 媒体特性,预览页面在高对比度模式下的视觉效果。
解析任何User-Agent字符串,返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。
在线演示Scrypt函数如何将密码转化为安全密钥,可调CPU与内存成本参数,理解现代KDF原理。
对比结构化克隆与传统深拷贝,演示 ArrayBuffer 等可转移对象如何提升性能。
输入第三方域名,生成<link rel='preconnect'>或dns-prefetch等资源提示标签。
支持SHA3-224/256/384/512及SHAKE可扩展输出,浏览器端计算文件或文本的第三代安全哈希值。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
输入密码和盐值,展示如何通过SHA-256等生成存储的哈希摘要,教育用途。
输入多个选项与评价标准,设定权重并打分,自动计算总分并排序,辅助艰难决策。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
创建 input + datalist 组合,动态添加选项并测试过滤行为和兼容性。
按下按键,对比显示数字小键盘与主键盘数字的code和key差异,帮助处理输入。
添加多个周期任务和一次性延迟任务,在时间轴上观察其调用过程,学习JS定时器。
根据资源类型和加载场景,推荐使用preload、prefetch还是preconnect标签。