覆盖或删除注入到 Buildfire 应用程序中的 appTheme CSS
Posted
技术标签:
【中文标题】覆盖或删除注入到 Buildfire 应用程序中的 appTheme CSS【英文标题】：Override or remove the appTheme CSS injected into a Buildfire App 【发布时间】：2018-02-12 06:27:51 【问题描述】：因此，我面临着通过 Buildfire 平台创建大型自定义应用程序的挑战。客户端有许多自定义元素样式，它们被仪表板中的 appTheme 设置覆盖，而以传统 CSS 方式覆盖这些样式已成为一项艰巨的任务。
我编写了这个小函数来删除注入到应用程序中的自定义样式，到目前为止，客户端的所有自定义样式都正确显示。
我想我会与社区分享这个问题，因为这是我们团队无法解决的问题。
【问题讨论】：
【参考方案1】：如果您希望在插件中禁用 appTheme CSS，您可以简单地在小部件的 html 中使用元标记，如下所示：
<meta name="buildfire" content="disableTheme">
这在 meta tag 部分下的 SDK wiki 中有所介绍。
【讨论】：
谢谢，我发帖后确实找到了这个。我参加聚会迟到了。【参考方案2】：此代码位于我的 AngularJS 应用程序的 index.html 文件中。
<body ng-controller="mainController" onload="removeCustomCSS()">
<script>
function removeCustomCSS()
let links = document.querySelectorAll('[href*=appTheme]');
links[0].remove();
</script>
【讨论】：
以上是关于覆盖或删除注入到 Buildfire 应用程序中的 appTheme CSS的主要内容，如果未能解决你的问题，请参考以下文章
Buildfire：确认控制面板和设备中的通知行为不同（并且失败）但在本地主机中有效
Buildfire Meta Tag'disableTheme'不起作用