网页如何查看js代码实现，js获取网页源代码

如何查看页面执行了那些js代码?

1、有啊，火狐和Chrome有Firebug插件，可以查看访问的网页都有哪些js，还可以设置断点调试。IE8和IE9都有自带的开发者工具(F12键)，也可以查看以及调试js。当然，对js进行操作只是这些工具的功能的一部分，他们还可以查看html，还能够调试CSS样式等等。

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

3、推荐用火狐的 firebug 如果已经安装，则打开页面后，直接按F12就可以出来，如果没有安装，可以执行如下操作：工具－附加组件－在搜索栏输入firebug，在列表中找到firebug后添加，成功后，重启浏览器后，就可以正常使用了。选择里面的“脚本”，在代码里设置断点，可以查看每一步操作所执行的代码。

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

5、Chrome浏览器控制台的Sources选项下可以给JS文件打断点查看JS文件的执行过程。

6、如果会调试，可以用打开浏览器的调试功能。以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟踪js代码查看就可以。

相关问答

Q1: [javascript]如何查看当前页面的js文件?

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

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

邮件点网页，查看源文件。在源文件的头信息里 有引入js文件的地址和名称。

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

如何查看网页调用的js文件 邮件点网页，检查源文件。源文件的头信息包含js文件的地址和名称。

用调试工具调试。按f12点击脚本。有个下拉的小三角。

Q2: 网页中的JS代码怎么查看?

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

首先，打开您想要查看源代码的网页。然后，右键点击页面的任何部分，选择“查看源代码”或“检查元素”。在某些浏览器中，您也可以使用快捷键。例如，在Windows系统中，Chrome和Firefox的快捷键是Ctrl+U。在Mac上，使用Command+Option+U。这将打开一个新的窗口或面板，显示当前页面的HTML代码。

有啊，火狐和Chrome有Firebug插件，可以查看访问的网页都有哪些js，还可以设置断点调试。IE8和IE9都有自带的开发者工具(F12键)，也可以查看以及调试js。当然，对js进行操作只是这些工具的功能的一部分，他们还可以查看html，还能够调试CSS样式等等。

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

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

如果会调试，可以用打开浏览器的调试功能。以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟踪js代码查看就可以。

Q3: 看到别人的一个网页特效很好看,怎么查看他的JS代码

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

2、代码多的话还是需要有点经验才行，有些特效的话可能是异步的，需要与服务器做交互，这样的话就美工就需要程序员的配合了。google的开发着工具可以设置断点，调试的同时，能发现是哪段代码在执行。

3、特效代码一般是js的代码或文件，看看网页上有没有JS调用语句，找到鼠标js文件。其实其实删除JS调用代码即可。或者参考您新下载的鼠标特效安装方法找原来的js特效。

4、所有的javascript代码全部都可以在开发者工具中查看到，以chrome浏览器为例，可以在浏览器中打开开发者工具，通过点击左上角第一个放大镜即元素选择器，来查看你所有查看特效的dom元素，通过查看该元素特征(id、属性、事件)等等，来判定是否能够找到函数调用的部分。

5、如果会调试，可以用打开浏览器的调试功能。以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟踪js代码查看就可以。

Q4: 怎么查看网页打开时调用了哪些js?

有啊，火狐和Chrome有Firebug插件，可以查看访问的网页都有哪些js，还可以设置断点调试。IE8和IE9都有自带的开发者工具(F12键)，也可以查看以及调试js。

想看网页调用了哪些js的话你就在你想看的页面，右键——查看网页源代码，然后你会看到一堆字母，在里面找用“大于号，小于号”括起来的，中间写着script字样的成对的，这个叫标签，中间的都是这个页面加载的js。

如果已经安装，则打开页面后，直接按F12就可以出来，如果没有安装，可以执行如下操作：工具－附加组件－在搜索栏输入firebug，在列表中找到firebug后添加，成功后，重启浏览器后，就可以正常使用了。

邮件点网页，查看源文件。在源文件的头信息里 有引入js文件的地址和名称。

Chrome浏览器控制台的Sources选项下可以给JS文件打断点查看JS文件的执行过程。

关于网页如何查看js代码实现和js获取网页源代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。