Azure B2C本地注册页添加JavaScript遇语法错误求助

排查步骤 #

• 检查HTML文件编码格式
  确保文件保存为UTF-8无BOM格式。Azure AD B2C解析自定义HTML时，带BOM的文件可能引发字符编码异常，导致&等字符被错误转义。可通过VS Code或记事本重新保存，选择“UTF-8”而非“UTF-8 with BOM”。

• 规范Script标签写法

  • 避免在内嵌JS代码中使用易被HTML实体转义的字符（如&、<、>），若必须使用，用CDATA包裹代码避免转义：

    <script type="text/javascript">
    //<![CDATA[
    // 你的JavaScript代码
    //]]>
    </script>
    

  • 不要给script标签添加非官方允许的自定义属性，避免干扰B2C的脚本注入逻辑；优先通过src引入外部JS文件，而非内嵌代码。

• 验证User Flow配置细节
  确认User Flow的**“Properties”面板中已开启“Enable JavaScript”**——注意“JavaScript enforcing page layout”仅控制页面布局强制，并非启用自定义JS的开关。同时确保自定义HTML的URL直接指向存储容器文件，无CDN或中间服务篡改内容。

• 检查Azure Storage静态网站设置

  • 确认存储容器的静态网站功能已启用，且HTML文件的content-type设置为text/html（而非默认的application/octet-stream），可在Azure Portal文件属性中查看修改。
  • 若使用Azure CDN加速，禁用CDN的HTML压缩、转义功能，防止CDN修改JS代码。

• 对比源码差异定位问题
  用浏览器开发者工具（F12）对比：直接访问存储文件的HTML源码，与B2C加载后的页面源码，确认是否存在&被转义为&等异常情况，这是触发语法错误的核心原因。

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