轻量发票生成器 - 自定义公司/客户与条目
填写双方信息与收费项目,自动计算总额与税额,生成专业发票并导出PDF或打印。
UD5工具箱
可视化演示授权码流程 (Authorization Code) 与隐式流程 (Implicit),逐步理解 OAuth2 协议交互细节
点击"开始模拟"查看请求详情
点击"开始模拟"查看响应详情
authorization_code(通过浏览器重定向),然后通过后端服务器用该code以及client_secret向授权服务器换取access_token。token 不经过浏览器,安全性更高。access_token通过URL片段(#)返回给浏览器,客户端通过JavaScript读取。token 暴露在浏览器端,安全性较低,已被OAuth2最佳实践逐步弃用,推荐使用带PKCE的授权码流程替代。
code_verifier(随机字符串),计算其SHA-256哈希得到code_challenge,在授权请求中发送code_challenge。兑换token时,客户端必须提供原始的code_verifier,授权服务器验证其哈希是否匹配。这有效防止了授权码拦截攻击(恶意应用截获code后无法兑换token),是移动应用和SPA的强制安全要求。
state 参数用于防止CSRF(跨站请求伪造)攻击。客户端生成一个随机值作为state,在授权请求中发送。授权服务器在重定向回客户端时会原样返回该state值。客户端验证返回的state与之前发送的是否一致——如果不一致或缺失,说明可能是恶意请求,应拒绝处理。此外,state还可用于在回调时恢复应用状态(如用户之前所在的页面URL)。
redirect_uri 是授权服务器在用户授权完成后重定向回客户端的地址。安全关键点:header.payload.signature)。OAuth2常使用JWT作为access_token的格式(即JWT Bearer Token)。JWT的优势在于:资源服务器可以离线验证token(通过签名),无需每次请求都向授权服务器确认,提升了性能和可扩展性。
id_token(JWT格式,包含用户身份信息)和UserInfo端点。简单来说:OAuth2发放access_token用于API访问;OIDC在此基础上额外发放id_token用于用户身份验证。OIDC使用openid scope来触发。
scope 参数定义了客户端请求的权限范围,多个scope以空格分隔(如openid profile email)。授权服务器会向用户展示请求的scope,用户可以同意或拒绝。最终发放的access_token只包含用户明确授权的scope。这是OAuth2实现最小权限原则的关键机制——客户端只能访问用户授权范围内的资源。
填写双方信息与收费项目,自动计算总额与税额,生成专业发票并导出PDF或打印。
粘贴多行数据,每行生成独立的二维码并打包下载,适合批量制作标签。
设定储蓄目标金额,每次记录存入金额,环形图显示完成百分比,激励达成财务目标。
模拟接收包含一次性密码的短信,展示 navigator.credentials.get({otp}) 如何自动提取 OTP 并填入表单。
以节点图展示链表的插入、删除、反转等操作,直观理解指针变化。
输入MAC地址,提取OUI前缀并匹配内置IEEE注册表,识别设备网卡制造商。
输入字符串并使用 URL.canParse() 判断是否为有效 URL,不抛出异常。
构建带有自定义头和方法复杂跨域请求,检查预检与响应。
模板化记录团队成员昨日完成、今日计划与阻塞项,支持导出Markdown便于分享。
选择表A和表B的样本数据,查看INNER/LEFT/RIGHT/FULL JOIN的韦恩图与实际输出结果。
团队成员在会前用温度计匿名标情绪,汇总显示利于主持人引导。
根据IBAN规则验证国际银行账号的格式正确性和校验码,支持60+国家,纯前端校验安全。
粘贴Shadow DOM代码,直观预览封装组件内部的CSS作用域及其对外界的影响。
编写正则表达式并指定替换模式(如 '$1-$2'),实时查看文本替换结果,支持命名捕获组。
输入WiFi的SSID、密码和加密方式,生成客人一扫即可联网的二维码。
输入员工基本信息与薪资,生成标准格式的在职收入证明,适用于贷款、签证等场景。
分解查询参数,高亮可能存在的SQL注入或XSS模式,辅助安全审查。
提供每段应该写什么的提示,辅助填写个性化的求职信内容。
在线Unix时间戳与标准日期时间互转,支持秒/毫秒级时间戳,显示GMT和本地时间。
调用设备联系人选择界面,获取用户选中的联系人信息(需支持环境)。
选择多张图片和一个Logo图,批量将Logo放在角落并调整透明度,并下载打包。
请求Idle Detection权限,监测用户是否离开或处于空闲状态,实时更新状态。
定义脱敏规则(如手机号中间4位星号,邮箱部分隐藏),对 JSON 或 CSV 数据执行批量掩码。
从任意分布中抽取样本并绘制均值分布直方图,随着样本量增大趋近正态分布。
输入Base32密钥手动生成6位动态验证码,兼容Google Authenticator,前端算法实现不联网。
浏览器端实现DES对称加密算法,支持ECB/CBC模式及自定义密钥,安全处理敏感数据,无需上传服务器。
从内置库随机选取主流浏览器的User-Agent字符串,一键复制用于请求头。
输入用户名和密码,生成用于基本认证的.htpasswd加密条目。
在虚拟盆中拖拽树木、石头、苔藓等元素,设计自己理想的盆景样式。
选择肤质与目标,生成早间晚间护肤步骤,并记录完成情况。