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。
粘贴Content-Security-Policy头,获得逐条解析与安全评分,识别缺失指令与危险源。
显示当前网页的Referrer-Policy设置,并模拟不同策略下的Referer发送情况。
集成ASCII/Hex/Base家族/Quoted-Printable/UUencode等多种编码一键互转,支持智能识别与链式解码。
可视化演示固定窗口、滑动窗口、令牌桶等常见限流算法,实时请求计数与拒绝逻辑。
拖动曲线手柄调整动画缓动,实时预览弹跳或淡入效果,生成cubic-bezier值。
调整滚动容器和子项的对齐方式、停止点,观察CSS Scroll Snap平滑滑动效果。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
输入后缀表达式或简单指令,逐步演示栈的压入弹出计算过程。
输入Proto定义和Base64编码的protobuf数据,在线解码为JSON,辅助分析二进制通信内容。
解析任何User-Agent字符串,返回详细的设备类别、制造商、操作系统及浏览器/引擎版本信息。
在线演示Scrypt函数如何将密码转化为安全密钥,可调CPU与内存成本参数,理解现代KDF原理。
输入第三方域名,生成<link rel='preconnect'>或dns-prefetch等资源提示标签。
支持SHA3-224/256/384/512及SHAKE可扩展输出,浏览器端计算文件或文本的第三代安全哈希值。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
输入密码和盐值,展示如何通过SHA-256等生成存储的哈希摘要,教育用途。
输入多个选项与评价标准,设定权重并打分,自动计算总分并排序,辅助艰难决策。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
按下按键,对比显示数字小键盘与主键盘数字的code和key差异,帮助处理输入。
添加多个周期任务和一次性延迟任务,在时间轴上观察其调用过程,学习JS定时器。
根据资源类型和加载场景,推荐使用preload、prefetch还是preconnect标签。
使用Argon2id算法生成密码哈希,配置内存/迭代/并行度,提升暴力破解难度,前沿安全实践。
对同一输入运行多种哈希算法,并对比它们在前端的执行速度。
在线生成RSA密钥对并进行消息加密与解密演示,支持PKCS#1/OAEP填充,理解公钥密码体系。
拖拽改变容器宽度,观察使用container-type和@container规则的元素如何自适应样式。
粘贴HTML和CSS,工具将尝试分析并为你抽取首屏内联样式,辅助性能优化。
粘贴以data:开头的链接,自动判断MIME类型并预览内容,或提供下载按钮。
分解URL为协议、主机、端口、路径、查询字符串和哈希等各个组成部分,便于理解与调试。
输入CIDR块,以彩色网格展示网络地址、可用主机与广播地址,直观理解子网掩码。