Chrome开发工具:保存javascript状态

Chrome developer tools: save javascript state

本文关键字：javascript 状态 保存 开发工具 Chrome      更新时间：2023-09-26

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

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

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

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

你可以尝试一些事情。

1.从测验中删除前9个问题

它们是测试所必需的吗？

2.找出设置了哪些变量，然后备份它们

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

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

3.自动化点击测验的过程

像这样的剧本能起作用吗？

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

4.在集成前独立开发最后一个问题

创建一个空页面，只加载问题#10的模块。一旦coe按预期工作，就将其集成到完整的测试中。

相关文章：