如何在Safari App Extension中加载本地HTML文件

Question

我正在写一个Safari App Extension。 在我的扩展程序文件夹中，我有一个HTML文件，我想使用Javascript读取并附加到网页上。 我不知道如何读取文件。 我愿意使用Javascript或Swift代码来做到这一点。 任何帮助，将不胜感激，谢谢！

Answer 1

您可以读取带有XMLHttpRequest的文本或HTML文件，如下所示：

var oReq = new XMLHttpRequest();
oReq.addEventListener('load', function () {
  // file contents will be in `this.responseText`;
  console.log(this.responseText);
});
oReq.open('GET', 'myfile.html');
oReq.send();

请注意，此示例中的URL是相对的。 如果在全局页面上使用此代码，它将相对于全局页面。 如果在注入的脚本中使用它，则它将与您将脚本注入到的网页相对，这不是您想要的。 在这种情况下，您需要使用以扩展程序的基本URL开头的绝对URL。 要获取基本URL，请使用safari.extension.baseURI 。 这是上述示例的第六行，但使用的是绝对网址：

oReq.open('GET', safari.extension.baseURI + 'myfile.html');

使用XMLHttpRequest的一种更具技巧性的替代方法是将HTML文件加载到扩展程序全局页面内的iframe中，然后从全局页面上的脚本“读取” iframed页面的document.body.innerHTML 。

Answer 2

最后，我终于弄清楚了如何在Swift代码中执行此操作。 我只和Swift合作了几天，所以这个示例可能不太好，但希望对您有所帮助：

// The file path below is relative to the root of the extension directory.
let filename: NSString = "folder/file.html" as NSString
let pathExtention = filename.pathExtension
let pathPrefix = filename.deletingPathExtension

if let filepath = Bundle.main.path(forResource: pathPrefix, ofType: pathExtention) {
    do {
        let contents = try String(contentsOfFile: filepath, encoding: .utf8) 
    } catch {
        // contents could not be loaded
    }
}