CSS 未在使用 WebView 的 OSX 应用程序中应用答案

【问题标题】：CSS not applied in OSX application using WebViewCSS 未在使用 WebView 的 OSX 应用程序中应用
【发布时间】：2016-03-25 03:28:05
【问题描述】：

在 Swift 中处理使用 WebView 的自定义应用程序。作为将内容加载到 WebView 的一部分，有一个静态加载 HTML 屏幕。 HTML 指定了一个未应用的 CSS 文件。 HTML 很简单...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css3-loader</title>
    <link rel="stylesheet" href="loader.css">
</head>
<body>
    <div id="loaders">
        <div class="loader-container circle-pulse-multiple">
            <div class="loader">
                <div class="circle-1"></div>
                <div class="circle-2"></div>
                <div class="circle-3"></div>
            </div>
        </div>
    </div>
</body>
</html>

如果我自己加载 HTML 页面，一切都很好，但是在 WebView 的上下文中使用时，事情似乎不起作用。如果我将 CSS 直接嵌入 HTML 页面，这似乎也不起作用。

【问题讨论】：

你的 HTML 文件在哪里：主包，你硬盘上的一个文件夹？ loader.css 是否位于同一个文件夹中？
@CodeDifferent 嘿，是的，抱歉，应该指定 html 和 css 文件都在同一个文件夹中，并且在主包中我已经验证它们都包含在最终的应用程序包中。
我尝试将 CSS 直接嵌入 HTML 以避免任何路径问题，这似乎没有任何影响。动画的开始帧显示，但随后没有任何反应。

标签： html css swift macos webview

【解决方案1】：

原来这是我使用的特定 CSS 指令的问题。我尝试了一个更简单的 CSS 示例，效果很好。从外部 CSS 文件加载按预期工作。

【讨论】：