Azure B2C布局自定义：如何修改登录页面欢迎提示文本？

方法一：通过Azure门户配置本地化字符串（官方推荐） #

这是最稳定的方式，支持多语言场景，无需修改UI代码：

• 登录Azure门户，进入你的Azure B2C租户
• 若使用用户流：选择目标登录/注册用户流，进入「语言自定义」选项卡
• 若使用自定义策略：在策略XML文件中添加本地化配置段
• 找到对应字符串ID：你提到的“Welcome, Sign in with your email address”对应ID为signin_intro；若要替换为社交登录相关的social_intro，直接找到该ID对应的字符串即可
• 启用「自定义字符串」，将目标ID的文本修改为自定义内容（比如“欢迎使用，请输入邮箱登录”）
• 保存配置，用户流或自定义策略会自动应用新文本

方法二：通过自定义UI的JavaScript动态修改 #

适合快速调整，基于你已有的自定义布局代码，添加脚本实现：

<!DOCTYPE html>
<html>
<head>
    <title>My Product Brand Name</title>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            // 监听B2C动态渲染的内容变化
            const apiDiv = document.getElementById('api');
            const observer = new MutationObserver(mutations => {
                mutations.forEach(mutation => {
                    // 定位提示文本元素（根据实际DOM结构调整选择器）
                    const introEl = document.querySelector('h1, .intro-text');
                    if (introEl && introEl.textContent.includes('Welcome, Sign in with your email address')) {
                        introEl.textContent = '欢迎使用，请通过邮箱登录';
                        observer.disconnect(); // 避免重复修改
                    }
                });
            });
            observer.observe(apiDiv, { childList: true, subtree: true });
        });
    </script>
</head>
<body>
    <div id="api"></div>
</body>
</html>

注意事项 #

• 使用此方法需确保Azure B2C已启用自定义UI的JavaScript支持
• DOM选择器需根据实际渲染的页面结构调整，若B2C更新UI结构，需同步修改选择器

内容的提问来源于stack exchange，提问作者Lampart123