你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn

Azure 静态 Web 应用中的代码片段

Azure 静态 Web 应用允许在运行时将自定义代码注入到headbody元素中。 这些代码片段称为 代码片段

代码片段使你可以灵活地将代码添加到网站中的每个页面,而无需修改核心代码库。

代码段的常见用例包括:

  • 分析脚本
  • 常见脚本
  • 全局 UI 元素

注释

某些前端框架可能会覆盖代码片段。 在将代码片段应用到生产环境之前对其进行测试。

添加代码片段

  1. 前往 Azure 门户中的静态 Web 应用。

  2. “设置” 菜单中,选择 “代码段”。

  3. 选择“添加”按钮。

  4. 在“代码片段”窗口中输入以下设置:

    设置 价值 注释
    位置 选择要将代码注入到哪个 HTML 页面元素。
    名称 输入代码段名称。
    插入位置 选择是要 将代码前置 到所选元素还是 将代码追加 到所选元素。 前置意味着代码直接显示在元素的开始标记之后Append 表示代码直接显示在元素的关闭标记之前。
    环境 选择要面向的环境。 如果选择 “选择环境”,则可以从不同的环境中选择目标。
  5. 在文本框中输入代码。

  6. 选择确定关闭窗口。

  7. 选择保存提交更改。

后续步骤