html+js提交表单后网页刷新导致控制台打印记录清空 解决方案

问题描述

今天使用html+css+js写前端界面代码时，其中涉及form表单的提交等其他操作。
前置知识：阻止form表单的提交刷新页面的方法之一是在onsubmit方法的最后return false；
我也的确这样做了，但代码中的其他部分出现错误，导致程序还没有执行到onsubmit对应函数的最后，也就没有执行return false;那么form表单提交默认会刷新页面，控制台的报错信息会闪现，这样更是增加了调试的难度。
经过查阅资料和研究实践，可以采用如下的方法解决控制台打印记录被清空的问题。

解决方案

一个调试技巧，可以使得控制台保留之前的log，按照如下步骤操作即可：

1. 打开控制台，切换到 console 这个 tab 页
2. 点击 console 这个 tab 页右上角的 设置图标
3. 在设置页面中，勾选“preserve log”
   这样设置之后，浏览器的刷新行为就不会把之前控制台打印的日志被刷掉了。