在前端页面找到该页面加载使用的js文件

JavaScript017

在前端页面找到该页面加载使用的js文件,第1张

1.找到你所需的页面，F12打开控制台，可以在source 下面找到加载的文件。 2.如果不行的话,点开network，会有该页面的加载的一系列的资源文件。找到js文件或者HTML文件打开。然后，点开查看 ，文件中的信息。进行确能是否是自己要找到的页面。 3.一般前两中方法就可以找到页面加载的文件。如果，你还没找到，还可以，在页面上找到关键的信息，在自己项目使用全局搜索。然后逐一排查出结果。找到到，可以修改一下信息，进行验证是否找对。比如：修改标签名。

浏览器查看。

用Chrome、火狐等（其它浏览器操作类同），打开浏览器后，按F12。或者打开开发者工具，可以查看相应的html、css、js等内容。

效果图如下（查看源码）

在chrome dev tools下有多种方式来查找自己关注的代码位置。

比如，在Sources下，按Ctrl+F可全局查找。

在Sources下，按ctrl+shift + F，也能全局查找。

再借助断点，可以定位更复杂结构的代码的具体位置。