Javascript 谷歌浏览器存储节省

Javascript 谷歌浏览器存储节省,javascript,google-chrome,google-chrome-extension,local-storage,Javascript,Google Chrome,Google Chrome Extension,Local Storage,因此,我创建了一个选项页面,并试图将表单的值保存到存储器中,但我不断收到控制台错误“UncaughtTypeError:无法读取undefined的属性“sync” HTML格式: <h3 class="option">When Search Tab is opened the Search Panel should be:</h3> <select id="searchPanel" class="selectOption">

因此,我创建了一个选项页面,并试图将表单的值保存到存储器中,但我不断收到控制台错误“UncaughtTypeError:无法读取undefined的属性“sync”

HTML格式:

    <h3 class="option">When Search Tab is opened the Search Panel should be:</h3>
    <select id="searchPanel" class="selectOption">
        <option value="open">Open</option>
        <option value="closed">Closed</option>
    </select>

    <h3 class="option">The Search Bar Background Color Should Be:</h3>
    <select id="barBackground" class="selectOption">
        <option value="#000000">Black</option>
        <option value="#ffffff">White</option>
        <option value="#333333">Grey</option>
        <option value="#006633">Green</option>
        <option value="#336699">Blue</option>
        <option value="#990000">Red</option>
        <option value="#CC6600">Orange</option>
    </select>

    <h3 class="option">The Search Bar Text Color Should Be:</h3>
    <select id="barColor" class="selectOption">
        <option value="#000000">Black</option>
        <option value="#ffffff">White</option>
        <option value="#333333">Grey</option>
        <option value="#006633">Green</option>
        <option value="#336699">Blue</option>
        <option value="#990000">Red</option>
        <option value="#CC6600">Orange</option>
    </select>
舱单:

{
    "background": {
       "persistent": false,
       "scripts": [ "script/background.js" ]
    },
    "chrome_url_overrides": {
       "newtab": "dashboard.html"
    },
    "description": "Upgrade Your New Tab to SearchTab",
    "icons": {
    "16": "images/icons/icon16.jpg",
    "48": "images/icons/icon48.jpg",
    "128": "images/icons/icon128.jpg"
    },
    "manifest_version": 2,
    "name": "SearchTab",
    "options_page": "options.html",
    "offline_enabled": true,
    "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'",
    "permissions": ["storage", "unlimitedStorage", "tabs"],
    "version": "1.0.0"
}
编辑: 新错误消息:


拒绝执行内联事件处理程序,因为它违反了以下内容安全策略指令:“script src‘self’”。启用内联执行需要'unsafe inline'关键字、哈希('sha256-…')或nonce('nonce-…')。

您是否声明了
“存储”
权限?是的,我刚刚添加了我的清单您是如何测试它的?它加载,然后我更改三个表单按钮的值,然后单击“保存”(这会触发saveOptions())它在控制台中给了我一个错误。我的意思是,你是否正确地重新加载了扩展,然后通过选项链接打开了页面?我知道这很愚蠢,但我正试图消除“我直接打开了html文件”的场景。换句话说,打开页面时显示的完整URL是什么?
{
    "background": {
       "persistent": false,
       "scripts": [ "script/background.js" ]
    },
    "chrome_url_overrides": {
       "newtab": "dashboard.html"
    },
    "description": "Upgrade Your New Tab to SearchTab",
    "icons": {
    "16": "images/icons/icon16.jpg",
    "48": "images/icons/icon48.jpg",
    "128": "images/icons/icon128.jpg"
    },
    "manifest_version": 2,
    "name": "SearchTab",
    "options_page": "options.html",
    "offline_enabled": true,
    "content_security_policy": "script-src 'self' https://ssl.google-analytics.com; object-src 'self'",
    "permissions": ["storage", "unlimitedStorage", "tabs"],
    "version": "1.0.0"
}