Chrome开发人员工具:保存javascript状态

Question

是否可以在Chrome devtools中保存页面的当前状态和它的JavaScript变量，以便稍后重新加载相同的状态？

作为一些背景知识:我正在做一个有问答系统的项目。这种机制是由JavaScript处理的，我的工作流程目前很糟糕，因为我正在编写第10个问题，每次需要测试代码时都需要回答前9个问题。

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

Answer 1

很难完全按照您所描述的那样工作，因为the variables on the page的概念并不容易使用。如果在代码中添加一个删除变量名，会发生什么？

有一些事情你可以尝试一下。

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按预期工作，就将其集成到完整的测验中。