如何知道网站调用的js文件，浏览器怎么看js代码

如何查看一个网页调用的js文件

1、在网页里使用：一般不能直接打开，只有配合网页使用，可以用dreamweaver来制作并打开此类型文件。

2、首先，chrome浏览器，以zhidao.baidu.com为例，进入网页。键盘按F12，显示出开发者工具面板，点击“Network”的“JS”选项。刷新页面，此时会列出所有调用的js文件。

3、可以在开发者工具当中找。打开开发者工具，然后选择网络（network），在下面的列表就可以看到动态加载的js文件了。如果文件比较多，可以选js进行筛选。

4、在游览器打开的页面使用快捷键F12打开开发者调试模式，chrome，firebox等游览器在页面中右击选择查看元素，IE游览器点击工具按钮选择开发者工具即可，然后设置断点再触发要调试的事件，就可以定位到js文件了。

相关问答

Q1: 如何查看网页的JS代码

第一种：打开一个网页后点击鼠标的右键就会有查看源文件，操作鼠标右键---查看源文件即可弹出一个记事本，而记事本内容就是此网页的html代码。

找到你所需的页面，F12打开控制台，可以在source 下面找到加载的文件。如果不行的话，点开network，会有该页面的加载的一系列的资源文件。找到js文件或者HTML文件打开。然后，点开查看 ，文件中的信息。

问题一：如何查看网页的JS代码 在网页中点右键，然后查看海文件，如果JS代码是直接写在HTML文件中的这样就能看到了，如果JS代码是在外部文件的，那就从HTML代码中找到js外部文件的网址，然后下载回来就能看了。

需要准备的材料分别有：电脑、chrome浏览器。首先，chrome浏览器，以zhidao.baidu.com为例，进入网页。键盘按F12，显示出开发者工具面板，点击“Network”的“JS”选项。刷新页面，此时会列出所有调用的js文件。

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

Q2: 如何查找网页元素对应的JS代码(如图)

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

首先在你要查找的元素上点右键。点审查元素：在Dom树中找到你要查看的元素：点击右边或者下边的 Event Listeners：会出现一个这个元素绑定的dom事件的列表，比如上图li绑定了一个onmouseover。

第一种：打开一个网页后点击鼠标的右键就会有查看源文件，操作鼠标右键---查看源文件即可弹出一个记事本，而记事本内容就是此网页的html代码。

在游览器打开的页面使用快捷键F12打开开发者调试模式，chrome，firebox等游览器在页面中右击选择查看元素，IE游览器点击工具按钮选择开发者工具即可，然后设置断点再触发要调试的事件，就可以定位到js文件了。

Chrome浏览器中。找到相关ID或class。

关于如何知道网站调用的js文件和浏览器怎么看js代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。