如何从开发人员工具查看chrome.storage？

Question

我有一个简单有效的Chrome扩展程序，它可以在chrome.storage上设置和获取值。

我无法检索我手动设置的键值对（通过chrome开发人员工具手动进行设置）。我尝试在开发工具控制台上键入

chrome.storage.sync.get(null, function(items) {
    var allKeys = Object.keys(items);
    console.log(allKeys);
});

返回

`Uncaught TypeError: Cannot read property 'sync' of undefined
    at <anonymous>:1:16`

（reference）

我在chrome devtool控制台上尝试了不同的品种，但似乎在控制台chrome.storage上始终返回未定义。

这是应用程序执行的操作。这是一个简单的文本区域，可设置并获取预定义的键值。

popup.html

    <textarea rows="10"  cols="15" id="texti"></textarea>
    <button id="buttoni">Sat value</button>

    <button id="button_geti">Get value</button>
    <script src="popup.js" ></script>

popup.js

const texti = document.getElementById("texti")
const buttoni = document.getElementById("buttoni")
const button_geti = document.getElementById("button_geti")

buttoni.addEventListener("click", () => {
    chrome.storage.sync.set({"awesomeKey": texti.value}, function() {
        alert('Value is set to ' + texti.value);
    });
})

button_geti.addEventListener("click", () => {
    chrome.storage.sync.get(["awesomeKey"], (result) => {
        alert("Key is " + result.awesomeKey)
    })
})

同样，上面的方法有效，但是我想不出一种手动“撬”入我的键值的方法。

我也检查了Application标签，但没有任何标签。我没有在任何地方定义任何awesomeKey键。

如何在devtools上访问/调试chrome.storage？