如何让Google Chrome开发者工具JavaScript控制台变量持久化？

Question

是否可以使 JavaScript 变量在 Chrome 开发人员工具中持久存在，以便它在下一页中也保持可用。例如我想保留

List

变量

List = fetchDetails(element)

我正在开发一个简单的脚本，它将数据从页面提取到

List

变量。我需要做的是以某种方式保存此变量，以便当我加载下一页并从该页面提取信息时，我可以将详细信息附加到之前填充的列表中。

List2 = fetchDetails(element)
List.push(...List2)

总而言之，我需要跨多个页面访问

List

。

Answer 1

我只是在尝试和你一样的事情。该代码可以在多个页面上运行，并且每次都可以附加到数组。

// Fetch existing array, or otherwise create an empty array to start with
let data = JSON.parse(localStorage.getItem('list')) || [];

// Add new item to array
data.push('new item for array');

// Save back to localStorage for use later
localStorage.setItem('list', JSON.stringify(data));

由于

localStorage

与一个特定域名绑定，因此您无法跨多个域使用此代码。

另请注意，浏览器或隐私扩展程序中的隐私保护措施有时会禁用

localStorage

，因此，如果您没有检索到所需的数据，这可能就是原因。