Question

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

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

我想回答问题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按预期工作，就将其整合到完整的测验中。

Chrome开发者工具：保存javascript状态

1 个答案: