如何查看网页的JS代码

JavaScript014

如何查看网页的JS代码,第1张

浏览器查看。

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

效果图如下（查看源码）

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

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

以火狐浏览器为例，只用firehug插件，就能查看到当前页面所有js的调用情况。

1、点击虫子的图标（前提是你已经安装插件，插件在火狐应用商店里。）点击之后就会出来一个单独的控制台。

如图：

2、选择js列表，该列表是当前页面所有引入的js。选择需要断点的js.（如果不知道具体是运行哪个js，那就只能去分析页面。）

3、选择js后，如果代码太乱，点击“{}”按钮，就能让代码格式化。如图所示，格式化后代码是不是看起来整齐多了。

4、单击左边的空白处，设置断点。然后刷新网页，控制台自动运行至断点处。如图1为你设置的断点处，2是当前js代码运行所在的行数。3是为步进（快捷方式为F11，意思是你按一下F11，js代码就会往下执行一行，三角按钮是运行完所有的js代码）。

5、鼠标放在所执行的js代码处，就能查看到获取的属性值。例如步进至“f=window”代码处，鼠标放在“window”处，就会提示“window”获取的值为“21073282”，如下图所示。

其它的浏览器和火狐的大同小异，只是展现方式不同。