css - 从云端加载 CSS

Question

我正在尝试将 CSS 文件加载到我的页面中。此 CSS 文件不在我的资源文件夹中。我只有它的完整链接 - 它位于 CDN 上(即:云文件)。

此 CSS 需要在页面中加载所有其他样式表之后加载。我目前正在 <f:facet name="last"> 中加载我的“正常”样式表.但现在我想加载另一张纸。基本上我需要的是这样的东西:

<f:facet name="last">
    <h:outputStylesheet name="bootstrap.min.css" library="styles" />
    <h:outputStylesheet name="styles.css" library="styles" />
    <h:outputStylesheet name="http://my.link.to/stylesheet/sheet.css" />
</f:facet>

但是outputStylesheet不适用于链接，并使用普通的旧 link标签在 last facet 中不起作用.

我正在使用 Primefaces所以我想要 bootstrap , styles.css和我的链接 CSS 在 Primefaces 之后加载样式 -> 它们在 f:facet name="last" 中的原因

使用:

• Mojarra 2.1.23
• Primefaces 3.5
• Omnifaces 1.6

运行时间:

• 玻璃鱼 3.1.2.2

Answer 1

通过标准的 JSF 2 标签，这目前是不可能的。您将必须创建一个自定义 ResourceHandler，它将从云端获取文件。

如果您愿意使用外部库，优秀的库 Omnifaces已经为您的案例提供了资源处理程序 - CDNResourceHandler

另见:

• > Stackoverflow Omnifaces info page