前端页面修改后清除缓存，以及页面操作debug

由于之前做开发接触的项目，都是后端，也就是处理业务相关的工作，前端页面涉及的不多，所以在最近新接手的一个项目中，需要涉及到前端页面的开发工作，这期间遇到了一些小问题，在这里稍作记录。
这其中遇到的一个问题，就是对页面做了修改，但是在浏览器打开的时候，发现页面还是之前的页面，一开始我觉得是浏览器的问题，需要清除缓存，或者需要使用浏览器的无痕模式，这样可以解决问题，后来测试小伙伴问我，有没有办法在页面上做一些开发，省去每次都要清缓存的操作，后来去了解了一下，发现确实可以做到，而且发现解决这个问题的方法很简单，就是在我们HTML页面，加一个版本号即可。
如图，只需要在页面最下面拼接 “?V=version号” 就可以了，这样你修改的页面，提交完之后，修改之前的页面缓存就不存在了，也不需要去清理浏览器的缓存了。

另一个问题就是，我们对页面做调整的时候，有些数据我们要看一下流程，排查网页的问题，这个时候，需要给我们的页面做debug，来调试，具体操作步骤：
1.按F12键，打开开发者模式
2.找到“源代码”选项框（浏览器不同，名称也不一样，如下图举例）

3.找到需要调试的页面，在需要调试的代码行上，鼠标右键点击，出来添加断点选项，选择之后，操作页面即可进入断点，就可查看页面数据传递的过程了，进一步定位问题出现的地方

由于之前没做过前端方面的工作，所以这些问题在有些大神眼里，显得特别小儿科，还望大家谅解，希望每个人都能成为更优秀的自己！