css - 如何为不同的插槽设置不同的样式?

标签 css azure azure-web-app-service azure-deployment-slots

在我的应用程序中,我有 styles.css。现在我正在为我们拥有开发、测试和生产插槽的团队设置插槽。

我怎样才能有一个不同的 styles.css 用于开发,另一个用于测试?我想要做的是简单地在顶部导航中使用另一种颜色进行开发和测试,表明这不是生产(你在错误的地方 - 不要着色)。

我查看了应用程序设置,但不知道如何在 .css 文件中强制执行设置。也许答案是一个虚拟目录,将 styles.css 的路径“覆盖”到 dev 槽中的 styles-dev.css? 虚拟目录在交换时是否留在插槽中?

还有其他方法吗?

最佳答案

通常,您希望不同的插槽具有准备好通过交换插槽部署的代码。因此,您不想在其中放置不想部署的文件。如果您想对每个插槽进行颜色编码,您可以尝试以下方法之一:

  1. 如果您使用插槽 URL,请使用 JavaScript 检查 URL 和颜色代码
  2. 使用服务器端脚本检查变量和颜色代码是否存在(不同的插槽可以有不同的设置、环境变量等)

关于css - 如何为不同的插槽设置不同的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51946894/

相关文章:

c# - 使用 Azure AD B2C 的 .NET 5 API 和 React UI 身份验证 - 承载错误 ="invalid_token",error_description ="The signature is invalid"

Azure 数据工厂 - 如何批量删除数据集?

Azure WebApp 不将应用程序日志发送到 Blob 存储

azure - 如果我更改 Azure 中的托管计划,我的 DNS 注册会发生什么情况?

javascript - 在 img 大于 div 的不同 div 尺寸中垂直对齐不同的 img 尺寸

javascript - 鼠标悬停时显示 div 无法正常工作

html - 着色背景图像

azure - 远程调试Azure辅助角色

asp.net-mvc - 在 Web 上测试时,Azure Web App 重定向到本地主机 URL;本地测试时重定向到 Web URL

javascript - "[object Window]"在随机定位 div 时显示在 html 中