キーと値のペアが chrome.storage.local に設定されているかどうかを確認しようとしています。そのために、ここで同様の問題の助けを借りました。ここで、ストレージから取得しようとしている変数が設定されていません。lastErrorを使用してエラーをキャッチしようとすると。それは未定義として来ていますが、以前に設定されていない変数を読み取る際のエラーのために定義および設定されると想定されていました(私がグーグルで検索したとおり)。設定されていない変数の読み取り中にエラーを検出するのを手伝ってください。
マニフェスト.json
{
"name": "TestExtension",
"version": "1.0",
"manifest_version": 2,
"background": {
"scripts": ["jquery.js", "background.js"]
},
"description": "Test the extension features here",
"icons": {
"16": "images/16x16.png",
"48": "images/48x48.png",
"128": "images/128x128.png"
},
"page_action": {
"default_icon": {
"19": "images/19x19.png",
"38": "images/38x38.png"
},
"default_title": "Test Plugin default title",
"default_popup": "popup.html"
},
"permissions": ["tabs", "storage", "http://*/*", "https://*/*"]
}
background.js
function showTheExtension(tabId, changeInfo, tab) {
console.log("Extension loaded");
chrome.pageAction.show(tabId);
} // ---EOF checkForValidUrl---
chrome.tabs.onUpdated.addListener(showTheExtension);
popup.js
$('document').ready(function() {
chrome.storage.local.get('testVar1', function(result) {
if (chrome.runtime.lastError) {
alert('Var not set')
}
console.log(result);
console.log(chrome.runtime.lastError.message);
});
});
popup.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h3>Welcome to the test project for designing chrome plugins</h3>
<script type="application/x-javascript" src="./jquery.js"></script>
<script type="application/x-javascript" src="./popup.js"></script>
</script>
</body>
</html>