Как получить доступ к внутренним ресурсам из background.js

Question

В приложении Google Chrome можно получить доступ к связанным файлам данных из сценария background.js?

E.g. если у меня есть файл с именем data.json, который я включаю в приложение, есть ли JavaScript-API, который я мог бы использовать в сценарии background.js, чтобы получить содержимое файлов?

С примерной структурой каталогов расслоения:

/app/manfifest.json 
/app/backround.js 
/app/data.json 

Я хочу сделать что-то вроде:

chrome.app.runtime.onLaunched.addListener(function() { 
    data = unknown.api.loadFileSync("data.json"); 
    // do stuff with data 
    // ... 
}); 

Answer 1

В API Docs вы можете получить DirectoryEntry объект для каталога пакета, а затем с помощью HTML5 API FileSystem получить содержимое файла. Функция API - chrome.runtime.getPackageDirectoryEntry.

chrome.runtime.getPackageDirectoryEntry(function (dirEntry) { 
    dirEntry.getFile("data.json", undefined, function (fileEntry) { 
    fileEntry.file(function (file) { 
      var reader = new FileReader() 
      reader.addEventListener("load", function (event) { 
       // data now in reader.result               
       console.log(reader.result); 
      }); 
      reader.readAsText(file); 
     }); 
    }, function (e) { 
     console.log(e); 
    }); 
}); 

Answer 2

фоновых сценариев может получить доступ к ресурсам с помощью XHR. Чтобы получить URL-адрес включенного ресурса, используйте chrome.extension.getURL(), который возвращает полный URL-адрес ресурса.

function loadData (file, fn) { 
    var dataUrl = chrome.extension.getURL(file), 
     xhr = new XMLHttpRequest(); 

    xhr.responseType = 'json'; 
    xhr.onload = function() { 
    fn(null, this.response); 
    }; 
    xhr.onerror = function() { fn(this.status); }; 
    xhr.send(); 
} 


chrome.app.runtime.onLaunched.addListener(function() { 
    loadData('data.json', function (err, data) { 
    // 
    }); 
}); 

Другой подход заключается в преобразовании файла data.json в data.js файл и включить его в качестве справочного сценария в manifest.json. Это позволит вам получить доступ к любым переменным, установленным data.js.

manifest.json:

"background": { 
    "scripts": ["data.js", "background.js"] 
}