javascript - Chrome开发者工具: save javascript state

Question

是否可以在 Chrome 开发工具中保存页面的当前状态及其 JavaScript 变量，以便稍后重新加载相同的状态？

作为一些背景:我正在开发一个具有问答系统的项目。该机制由 JavaScript 处理，目前我的工作流程很糟糕，因为我正在编写第十个问题，并且每次需要测试代码时都需要回答前九个问题。

我想回答问题1-9，保存页面上变量的状态，对问题10代码进行更改，并在第一次重新加载状态后进行测试，直到问题9。

Answer 1

很难完全按照您所描述的方式进行这项工作，因为页面上的变量的概念并不容易使用。如果在代码中添加删除变量名称会发生​​什么？

您可以尝试一些方法。

<强>1。从测验中删除前 9 个问题

它们对于测试来说是必要的吗？

<强>2。找出设置了哪些变量，然后备份它们

例如，如果 window.questionIndex 和 window.answersGiven 属性描述了页面的状态，您可以像这样备份它们:

function backup(){
    localStorage.setItem("questionIndex", JSON.stringify(window.questionIndex));
    localStorage.setItem("answersGiven", JSON.stringify(window.answersGiven))
}
function restore(){
    window.questionIndex = JSON.parse(localStorage.getItem("questionIndex"));
    window.answersGiven = JSON.parse(localStorage.getItem("answersGiven");
}

<强>3。自动化点击测验的过程

这样的脚本可以解决问题吗？

var interval = setInterval(function(){
     $("#answer1").click()
}, 100)
setTimeout(function(){
    clearInterval(interval);
}, 100 * 9)

<强>4。在集成之前独立开发最后一个问题

创建一个空页面并仅加载问题 #10 的模块。一旦 coe 按预期工作，请将其整合到完整的测验中。