ISBN-10/13校验工具 - 国际书号验证与转换
验证ISBN有效性,并在ISBN-10与ISBN-13之间相互转换。
UD5工具箱
阅读最新资讯,个性化您的新闻体验。登录以获取专属内容推荐。
选择您的身份提供商(IdP)进行安全登录。此演示模拟 FedCM(联合身份管理) 流程。
FedCM 流程已完成。IdP 已向本站发放身份令牌,用户身份已验证。
| 特性 | 传统 OAuth/OIDC | FedCM |
|---|---|---|
| 用户同意界面 | 由 IdP 网页提供(可被伪造) | 浏览器原生 UI(防钓鱼) |
| 跨站追踪风险 | 较高(依赖重定向和 Cookie) | 极低(浏览器中介) |
| 第三方 Cookie 依赖 | 部分场景依赖 | 完全不依赖 |
| 账户选择 | IdP 页面内选择 | 浏览器对话框内选择 |
| 隐私声明 | IdP 自行展示 | 浏览器统一展示 |
.well-known/fedcm.json(必需):
{
"accounts_endpoint": "/fedcm/accounts",
"client_metadata_endpoint": "/fedcm/client-metadata",
"id_assertion_endpoint": "/fedcm/assertion",
"login_url": "/login"
}
2. 实现三个端点:账户列表端点、客户端元数据端点、断言签发端点。Sec-Fetch-Dest: webidentity 响应头以确认 FedCM 请求。IdentityProvider.login() 和 logout() 以支持登录状态API。
navigator.credentials.get():const credential = await navigator.credentials.get({
identity: {
providers: [{
configURL: 'https://idp.example.com/.well-known/fedcm.json',
clientId: 'rp-client-id',
nonce: 'random-nonce'
}]
}
});
// credential.token 包含 IdP 签发的身份令牌
// 将 token 发送到 RP 后端验证
浏览器会自动处理账户选择对话框、用户同意和令牌获取。
验证ISBN有效性,并在ISBN-10与ISBN-13之间相互转换。
为表单设计全局错误摘要区,当提交出错时自动生成错误链接并聚焦,符合 WCAG 3.3.1。
快速制作包含收款人、金额、事由的简易收款收据图片。
设置步骤数量和当前步骤,生成带连线的步骤进度条,常用于结账或表单引导。
输入一个数值,快速计算其黄金分割长边和短边,用于版式设计、图形比例参考。
生成包含已完成、活跃、未完成状态的横向步骤进度指示器HTML/CSS。
按步骤填写个人信息、经历和技能,套用简洁模板生成一页简历PDF(前端打印)。
输入目标版本和范围表达式(如 ^1.2.3),判断是否匹配,帮助理解依赖解析规则。
输入队伍名称,自动生成单淘汰赛或双败赛程树状图,支持导出HTML,用于赛事组织。
生成指定宽度和高度的占位图片,可选择类别(自然、人物、抽象)和灰度。
模拟通过第三方身份提供商(如 Google)登录网站的完整 OAuth 2.0 授权码流程。
模拟接收包含一次性密码的短信,展示 navigator.credentials.get({otp}) 如何自动提取 OTP 并填入表单。
输入OpenID Provider域名,自动请求 .well-known/openid-configuration 并格式化显示。
粘贴Base64编码的SAML Response,解码并格式化显示其中的属性、断言与签名信息,便于调试。