为什么这里要把两点合并到一个博客里面呢,因为调试这个问题可能对于开发人员来说,是非常容易的事情,我怕我容易忘记所以记下来,第二个刷新的点我也是在别人在我电脑操作时第一次见到直接清缓存硬核刷新的。
1. Chrome调试
找到想要调试的JS代码,在代码前单击,即可设置断点。当运行JS代码时,会自动进入到断点执行
右上角4个断点,分别是直接运行到下一断点、单步运行、进入函数体内运行、返回函数执行结果。对应的快捷键分别是F8、F10、F11和shift+F11
2. Chrome中点击刷新按钮选择清除缓存刷新
如图所示,在F12点击后,处于开发者模式状态下,右键点击刷新。可以选择清除缓存并硬性重新加载。
为什么要清除缓存硬性加载呢,因为在开发过程中有些时候会出现存在缓存,一些数据有莫名回显的状况。所以如果摸不到头绪的时候,可以试试清下缓存。虽然谷歌也可以在设置那边清除cookie,不过我觉得这种方法更快更容易一些~