Question

我在设备文档目录中添加了所有.js，.css和.html文件。在模拟器上，WKWebview能够成功加载所有资源的HTML，但在设备上它无法加载.js和.css文件。

我正在使用此代码 -

let baseURL = "file:///var/mobile/Containers/Data/Application/61AAA238-BE0C-4CD1-8401-58D0A40BBDF0/Documents/SitePlanResources/"
do {
   let fullPath = "/var/mobile/Containers/Data/Application/61AAA238-BE0C-4CD1-8401-58D0A40BBDF0/Documents/SitePlanResources/sitemap_708_193.html"
   let htmlString = try NSString(contentsOfFile: fullPath!, encoding: String.Encoding.utf8.rawValue)
   _ = self.masterWebView?.loadHTMLString(htmlString as String, baseURL: baseURL)
   } catch {
       print(error)
   }

在HTML中，我引用的是HTML -

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=6.0" />
    <script type="text/javascript" src="jquery-1.10.2.min.js"></script>
    <link href="preview.css" rel="Stylesheet" type="text/css" />
    <link href="simple-slider.css" rel="stylesheet" type="text/css" />
    <script  type="text/javascript"  src="jquery-migrate-1.2.1.js"></script>
    <script  type="text/javascript"  src="jquery.svg.min.js"></script>
    <script  type="text/javascript"  src="MasterSitePlan.js"></script>
    <script  type="text/javascript"  src="Tap.js"></script>
    <script  src="fastclick.js" type="text/javascript"></script>
    <script type="text/javascript" src="simple-slider.js"></script>
    <style>
        svg {
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }
    </style>
</head>

所有文件都存储在同一位置。我陷入了这个问题。需要一些帮助。

Answer 1

WKWebView的known issue无法加载本地文件，您可以使用loadHTMLString加载简单内容，但这不会设置相关文件将从中生成的基本路径即使可能也要加载。

如果您不需要支持＆lt; = ios8，那么您可以为此目的使用新的API [WKWebView loadFileURL:allowingReadAccessToURL:]

否则，你可能不得不在html中嵌入所需的css / js，或者使用标准的UIWebView或Safari视图或其他私人浏览器视图。

如何使用WKWebview从iPad的Document目录加载javascript和css资源？

1 个答案: