Пытаюсь получить сохраненный объект в chrome.storage, по клику в самом расширении, но получается null. Причем если я его получаю сразу же, то все ок, но если по клику из расширения то выходит null. Буду благодарен кто подскажет, что не так.
Манифест
{
"manifest_version": 2,
"name": "google extension",
"version": "0.1.0",
"description": "google extension",
"permissions": [
"storage"
],
"browser_action": {
"default_popup": "popup.html" //код самого виджета будет лежать тут
},
"background":{
"scripts":["background.js"]
},
"icons": {},
"content_scripts": [{
"js": ["popup.js"],
"matches": ["http://exemple.com/*"]
}]
}
popup.html - сам Html расширения
<!doctype html>
<html>
<head>
<title>Test1</title>
</head>
<body>
<h1>Action:</h1>
<button id="click">Add To Friend List</button>
<script src="popup.js"></script>
</body>
</html>
popup.js
var el = document.getElementById('click');//отслеживаем клик в расширении
var value = document.getElementById('errr');//объект на странице
chrome.storage.sync.set({key: value}, function() {
console.log('Value is set to ' + value);
}); //записываем в chrome.storage
if (el){//если кликнули в нашем расширении
el.onclick = function() {
chrome.storage.sync.get(['key'], function(result) {
alert('Value currently is ' + result.key);
});//получаем null хотя должны получить объект HTML
};
}
страница на которой я запускаю расширение (код):
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег BUTTON</title>
</head>
<body>
<p style="text-align: center"><button id = "errr" onclick="window.location='http://www.google.com'">Click Me</button> </p>
</body>
</html>
Средний
