Ładowanie zasobu przechowywanego w rozszerzeniu chrome

Question

Załóżmy, że mam plik JSON przechowywany w moim rozszerzeniu o nazwie settings.json. mogę uzyskać adres URL do pliku przy użyciu:

chrome.extension.getURL("settings.json"); 

Ale teraz, że mam URL, w jaki sposób właściwie załadować zawartość tego pliku, więc mogę JSON.parse i używać? Powodem, dla którego to robię, jest to, że istnieje komponent serwera i chcę ułatwić wdrażanie i testowanie na wielu serwerach (programowanie, testowanie, produkcja itd.). Alternatywnie, jeśli istnieje sposób na dodanie niestandardowych atrybutów do manifestu. json i dostęp do nich, który również działa.

Answer 1

Jeśli dokonać setting.js wyglądać następująco:

var settings = {"param":value,...}; 

Następnie można po prostu umieścić go na stronie tła i ustawień zastosowania zmiennej:

<script src="settings.js"></script> 

Jeśli chcesz mieć czystego json w pliku bez przypisywania go do wszelkich zmiennych następnie można załadować go za pomocą XMLHttpRequest:

var xhr = new XMLHttpRequest(); 
xhr.onreadystatechange = handleStateChange; // Implemented elsewhere. 
xhr.open("GET", chrome.extension.getURL('/config_resources/config.json'), true); 
xhr.send(); 

lub jeśli włączone jQuery do projektu:

$.getJSON(chrome.extension.getURL('/config_resources/config.json'), function(settings) { 
    //.. 
}); 

(btw korzystania chrome.extension.getURL jest wymagane tylko w przypadku uzyskania dostępu do pliku ze skryptu zawartości, w przeciwnym razie można po prostu użyć ścieżki względnej /config_resources/config.json)

Answer 2

mogę sprawdź, czy żądanie zasobu z XHR na stronie w tle działa tak, jak opisano wcześniej. Po prostu pamiętaj o dodaniu 'self' do części connect-src swojej content_security_policy.