如何用F12开发者工具定位对应逻辑的后端代码位置
当我们打开前端页面,并想要找到页面中某个逻辑对应的后端源代码文件位置时:
我们可以按下F12,然后找到网络模块-Network,
注意:网络模块并不是仅仅是管网络通信的,它最重要的用处,是查看前后端之间的通信与数据传递,说白了,也就是展示了接口!
那么关系到接口,足以窥见其在开发工作中的重要性。
比如今天,我想查看与“结算审核”这个业务相关的逻辑,我就打开了F12网络模块,然后清空了网络模块界面,再点击“结算审核”按钮,左下侧就出现了15个请求的名字。我该怎么定位“结算审核”逻辑相关的源代码文件在哪里呢?
未完待续...