页面布局版本

项目
03/25/2024

页面布局包会定期更新，其中包括页面元素的修复和改进。以下更改日志详述了在每个版本中引入的更改。

重要

Azure Active Directory B2C 通过每个新的页面布局版本来发布改进和修复。强烈建议你让页面布局版本保持最新，以便所有页面元素都反映最新的安全增强功能、辅助功能标准和你的反馈。

jQuery 和 Handlebars 版本

Azure AD B2C 页面布局使用以下版本的 jQuery 库和 Handlebars 模板：

元素	页面布局版本范围	jQuery 版本	Handlebars 运行时版本	Handlebars 编译器版本
multifactor	>= 1.2.8	3.5.1	4.7.7	4.7.7
	>= 1.2.4	3.5.1	4.7.6	4.7.7
	< 1.2.4	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
selfasserted	>= 2.1.11	3.5.1	4.7.7	4.7.7
	>= 2.1.4	3.5.1	4.7.6	4.7.7
	< 2.1.4	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
unifiedssp	>= 2.1.7	3.5.1	4.7.7	4.7.7
	>= 2.1.4	3.5.1	4.7.6	4.7.7
	< 2.1.4	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
globalexception	>= 1.2.3	3.5.1	4.7.7	4.7.7
	>= 1.2.1	3.5.1	4.7.6	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
providerselection	>= 1.2.3	3.5.1	4.7.7	4.7.7
	>= 1.2.1	3.5.1	4.7.6	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
claimsconsent	>= 1.2.2	3.5.1	4.7.7	4.7.7
	>= 1.2.2	3.5.1	4.7.7	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4
unifiedssd	>= 1.2.3	3.5.1	4.7.7	4.7.7
	>= 1.2.1	3.5.1	4.7.6	4.7.7
	< 1.2.1	3.4.1	4.0.12	2.0.1
	< 1.2.0	1.12.4

自断言页面 (selfasserted)

2.1.29

添加 CAPTCHA

2.1.26

已将 Keypress 替换为 Key Down 事件，并避免使用 Asterisk 来表示经典模式的非必需事件。

2.1.25

修复了内容安全策略 (CSP) 违规问题，并删除了额外的请求头 X-Aspnetmvc-Version。

2.1.24

修复了辅助功能 bug。
修复了与 MFA 相关的问题和 IE11 兼容性问题。

2.1.23

修复了辅助功能 bug。
减小了默认模板 UI 视区的 min-width 值。

2.1.22

修复了辅助功能 bug。
添加了逻辑以采用从后端库生成的 QR 码图像。

2.1.21

进一步清理脚本标记以避免 XSS 攻击。此修订中断了 <body> 中的任何脚本标记。应将脚本标记添加到 <head> 标记。有关详细信息，请参阅《在 Azure Active Directory B2C 中启用 JavaScript 和页面布局版本》。

2.1.20

修复了 MFA 的 Enter 事件触发器。
小屏幕上的 CSS 发生更改，以垂直方式呈现页面文本/控件

2.1.19

修复辅助功能 bug。
处理现有用户注册的未定义错误消息。
将密码不匹配错误移动到内联级别而不是页面级别。

2.1.18

为必填字段添加星号
修复经典模板的 TOTP 存储图标位置
仅在验证验证码时激活输入项
为背景图像添加替换文字
通过 TOTP 验证添加了针对服务器错误的自定义

2.1.17

添加说明性错误消息和修复的 forgotPassword 链接
将复选框设为组
在控件更改时强制实施“验证错误更新”，并在已验证的电子邮件上启用“继续”
为验证失败响应的错误代码添加更多字段

2.1.16

修复了验证代码时的“验证控件的声明尚未经过验证”bug。
在验证成功时隐藏错误消息并发送代码进行验证

2.1.15

修复了 QR 文本长度导致的 QR 码生成 bug

2.1.14

修复了 TOTP 多重身份验证屏幕的 WCAG 2.1 辅助功能 bug。

2.1.10

更正为选项卡索引
修复了 WCAG 2.1 辅助功能和屏幕阅读器问题

2.1.9

TOTP 多重身份验证支持。添加使用户可以下载并安装 Microsoft Authenticator 应用的链接，以在验证器上完成 TOTP 注册。

2.1.8

声明名称将添加到围绕用户属性输入元素的 <li> HTML 元素的 class 属性中。类名允许你创建一个 CSS 选择器来为某个用户属性输入元素选择父 <li>。以下 HTML 标记显示注册页的类属性：

<div id="attributeList" class="attr">
  <ul>
    <li class="EmailBox email_li">...</li>
    <li class="Password newPassword_li">...</li>
    <li class="Password reenterPassword_li">...</li>
    <li class="TextBox displayName_li">...</li>
    <li class="TextBox givenName_li">...</li>
    <li class="TextBox surname_li">...</li>
    <li class="TextBox extension_age_li">...</li>
  </ul>
</div>

2.1.7

修复了导致请求失败的语言编码问题。
修复了一个仅在窗体提交时显示内联错误消息的辅助功能 bug。

2.1.6

修复了在另一字段上键入太快时密码错误会被清除的问题。

2.1.5

修复了在文本中间编辑时 iOS 上的游标跳动问题。

2.1.4

已将 jQuery 更新至版本 3.5.1。
已将 HandlebarJS 版本更新至 4.7.6。

2.1.3

安全修补程序。

2.1.2

修复了各种语言（例如西班牙语和法语）的本地化编码问题。

2.1.1

除了 intro 之外，还添加了一个 UXString heading 作为标题显示在页面上。默认情况下隐藏此消息。
添加了允许将密码保存到 iCloud 密钥链的支持。
添加了允许使用策略或 QueryString 参数 pageFlavor 来选择布局（classic、oceanBlue 或 slateGray）的支持。
在自断言页面上添加了免责声明。
当页面加载时，焦点现在放在第一个可编辑字段上。
当有多个字段存在错误时，焦点现在放在第一个错误字段上。
验证电子邮件验证码后，焦点现在放在“更改”按钮上。

2.1.0

本地化和辅助功能修补程序。

2.0.0

在自定义策略中添加了对显示控件的支持。

1.2.0

“用户名/电子邮件”和“密码”字段现在使用 form HTML 元素，以允许 Microsoft Edge 和 Internet Explorer (IE) 正确保存此信息。
添加了可配置的用户输入验证延迟，以改善用户体验。
辅助功能修复
修复一个辅助功能问题，以便讲述人朗读错误消息。
在验证电子邮件后，焦点现在放在密码字段上。
从复选框控件中删除了 autofocus。
添加了使用显示控件进行电话号码验证的支持。
你现在可以在 HTML 标记中添加 data-preload="true" 属性
- 在加载 HTML 模板的同时加载链接的 CSS 文件，这样它就不会在加载文件之间“闪烁”。
- 控制在页面加载前提取和执行 script 标记的顺序。
电子邮件字段现在为 type=email，手机键盘提供正确的建议。
对 Chrome 转换的支持。
在用户流页面中添加了对公司品牌的支持。

1.1.0

删除了取消警报
错误元素的 CSS 类
显示/隐藏错误逻辑得到了改进
删除了默认的 CSS

1.0.0

初始版本

提示

如果对页面进行本地化以支持多种区域设置或用户流中的语言。本地化 ID 提供了一系列可用于所选页面版本的本地化 ID。

2.1.17

添加 CAPTCHA。

2.1.14

已将 Keypress 替换为 Key Down 事件。

2.1.13

修复了内容安全策略 (CSP) 违规问题，并移除额外的请求头 X-Aspnetmvc-Version

2.1.12

删除了 ReplaceAll 函数以便与 IE11 兼容。

2.1.11

修复了辅助功能 bug。

2.1.10

添加了额外的脚本标记清理以避免 XSS 攻击。此修订中断了 <body> 中的任何脚本标记。应将脚本标记添加到 <head> 标记。有关详细信息，请参阅《在 Azure Active Directory B2C 中启用 JavaScript 和页面布局版本》。

2.1.9

修复了辅助功能 bug。
与“高对比度”按钮显示和定位点焦点改进相关的辅助功能更改

2.1.8

添加说明性错误消息和修复的 forgotPassword 链接！

2.1.7

辅助功能修复 - 更正为选项卡索引

2.1.6

辅助功能修复 - 将焦点设置在输入字段中以进行验证。
UI 元素和 CSS 类的更新

2.1.5

修复了在登录页上使用 idp 选择器模板时 Tab 键顺序的问题。
修复了登录链接文本上的编码问题。

2.1.4

已将 jQuery 更新至版本 3.5.1。
已将 HandlebarJS 版本更新至 4.7.6。

2.1.3

安全修补程序。
小 bug 修复。

2.1.2

修复了各种语言（例如西班牙语和法语）的本地化编码问题。
允许将“忘记密码”链接用作声明交换。

2.1.1

除了 intro 之外，还添加了一个 UXString heading 作为标题显示在页面上。默认情况下隐藏此消息。
添加了允许使用策略或 QueryString 参数 pageFlavor 来选择布局（classic、oceanBlue 或 slateGray）的支持。
添加了允许将密码保存到 iCloud 密钥链的支持。
当有多个字段存在错误时，焦点现在放在第一个错误字段上。
当页面加载时，焦点现在放在第一个可编辑字段上。
为声明提供程序选择链接 bottomUnderFormClaimsProviderSelections 添加了新位置。
删除了不再使用的 UXString。

2.1.0

添加了对多个注册链接的支持。
根据策略中定义的谓词规则添加了对用户输入验证的支持。
当登录选项设置为“电子邮件”时，登录标题会显示“请使用你的登录名登录”。用户名字段显示“登录名”。有关详细信息，请参阅本地化。

1.2.0

“用户名/电子邮件”和“密码”字段现在使用 form HTML 元素，以允许 Microsoft Edge 和 Internet Explorer (IE) 正确保存此信息。
辅助功能修复
现在可以在 HTML 标记中添加 data-preload="true" 特性来控制 CSS 和 JavaScript 的加载顺序。
- 在加载 HTML 模板的同时加载链接的 CSS 文件，这样它就不会在加载文件之间“闪烁”。
- 控制在页面加载前提取和执行 script 标记的顺序。
电子邮件字段现在为 type=email，手机键盘提供正确的建议。
对 Chrome 转换的支持。
在用户流页面中添加了对租户品牌的支持。

1.1.0

添加了“使我保持登录状态”(KMSI) 控件

1.0.0

初始版本

MFA 页面 (multifactor)

1.2.15

将 CAPTCHA 添加到 MFA 页。

1.2.12

已将 KeyPress 替换为 KeyDown 事件。

1.2.11

删除了 ReplaceAll 函数以便与 IE11 兼容。

1.2.10

修复了辅助功能 bug。

1.2.9

修复 MFA 的 Enter 事件触发器。
小屏幕上的 CSS 发生更改，以垂直方式呈现页面文本/控件
修复“多重身份验证”选项卡导航 bug。

1.2.8

传递了出错 MFA 验证的响应状态，供后端进一步会审。

1.2.7

修复了有关重试代码标签的辅助功能问题。
修复了 IE 11 上默认参数不兼容所导致的问题。
设置并默认启用 H1 标题。
已将 HandlebarJS 版本更新至 4.7.7。

1.2.6

已将验证码字段中的 autocomplete 值从 false 更正为 off。
修复了几个 XSS 编码问题。

1.2.5

修复了导致请求失败的语言编码问题。

1.2.4

已将 jQuery 更新至版本 3.5.1。
已将 HandlebarJS 版本更新至 4.7.6。

1.2.3

允许通过语言本地化覆盖工具提示字符串。
安全修补程序。
小 bug 修复。

1.2.2

修复了使用 iOS 时与自动填写验证码相关的一个问题。
修复了从 Android Webview 将令牌重定向到信赖方时出现的一个问题。
除了 intro 之外，还添加了一个 UXString heading 作为标题显示在页面上。默认情况下隐藏此消息。
添加了允许使用策略或 QueryString 参数 pageFlavor 来选择布局（classic、oceanBlue 或 slateGray）的支持。

1.2.1

默认模板上的辅助功能修复

1.2.0

辅助功能修复
现在可以在 HTML 标记中添加 data-preload="true" 特性来控制 CSS 和 JavaScript 的加载顺序。
- 在加载 HTML 模板的同时加载链接的 CSS 文件，这样它就不会在加载文件之间“闪烁”。
- 控制在页面加载前提取和执行 script 标记的顺序。
电子邮件字段现在为 type=email，手机键盘提供正确的建议
对 Chrome 转换的支持。
在用户流页面中添加了对租户品牌的支持。

1.1.0

删除了“确认代码”按钮
代码的输入字段现在只接受最多六 (6) 个字符的输入
当用户输入 6 位代码时，该页面会自动尝试验证输入的代码，无需用户单击任何按钮
如果代码错误，则会自动清除输入字段
如果三 (3) 次尝试都输入了不正确的代码，B2C 会将一个错误发送回信赖方
辅助功能修复
删除了默认的 CSS

1.0.0

初始版本

异常页 (globalexception)

1.2.5

删除了 ReplaceAlI 函数以便与 IE11 兼容。

1.2.4

修复了辅助功能 bug。

1.2.3

已将 HandlebarJS 版本更新至 4.7.7。

1.2.2

设置并默认启用 H1 标题。

1.2.1

已将 jQuery 更新至版本 3.5.1。
已将 HandlebarJS 版本更新至 4.7.6。

1.2.0

辅助功能修复
现在可以在 HTML 标记中添加 data-preload="true" 特性来控制 CSS 和 JavaScript 的加载顺序。
- 在加载 HTML 模板的同时加载链接的 CSS 文件，这样它就不会在加载文件之间“闪烁”。
- 控制在页面加载前提取和执行 script 标记的顺序。
电子邮件字段现在为 type=email，手机键盘提供正确的建议
对 Chrome 转换的支持

1.1.0

辅助功能修复
删除了当策略中没有协定时会出现的默认消息
删除了默认的 CSS

1.0.0

初始版本

其他页（ProviderSelection、ClaimsConsent、UnifiedSSD）

1.2.4

删除了 ReplaceAll 函数以便与 IE11 兼容。

1.2.3

修复了辅助功能 bug。

1.2.2

已将 HandlebarJS 版本更新至 4.7.7

1.2.1

已将 jQuery 更新至版本 3.5.1。
已将 HandlebarJS 版本更新至 4.7.6。

1.2.0

辅助功能修复
现在可以在 HTML 标记中添加 data-preload="true" 特性来控制 CSS 和 JavaScript 的加载顺序。
- 在加载 HTML 模板的同时加载链接的 CSS 文件，这样它就不会在加载文件之间“闪烁”。
- 控制在页面加载前提取和执行 script 标记的顺序。
电子邮件字段现在为 type=email，手机键盘提供正确的建议
对 Chrome 转换的支持

1.0.0

初始版本

后续步骤

若要详细了解如何在自定义策略中自定义应用程序的用户界面，请参阅使用自定义策略自定义应用程序的用户界面。

页面布局版本

jQuery 和 Handlebars 版本

自断言页面 (selfasserted)

带有密码重置链接的统一登录和注册页面 (unifiedssp)

MFA 页面 (multifactor)

异常页 (globalexception)

其他页（ProviderSelection、ClaimsConsent、UnifiedSSD）

后续步骤

其他资源