从云端加载 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，所以我希望在Primefaces 样式之后加载bootstrap、styles.css 和我的链接CSS -> 它们在f:facet name="last" 中的原因

使用：

• Mojarra 2.1.23
• Primefaces 3.5
• Omnifaces 1.6

正在运行：

• Glassfish 3.1.2.2

Answer 1

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

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

另见：

• Stackoverflow Omnifaces info page