如何快速的找到js页面，js怎么获取当前页面的url

如何查找网站的js代码

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

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

在chrome dev tools下有多种方式来查找自己关注的代码位置。比如，在Sources下，按Ctrl+F可全局查找。在Sources下，按ctrl+shift + F，也能全局查找。再借助断点，可以定位更复杂结构的代码的具体位置。

如图1为你设置的断点处，2是当前js代码运行所在的行数。3是为步进（快捷方式为F11，意思是你按一下F11，js代码就会往下执行一行，三角按钮是运行完所有的js代码）。鼠标放在所执行的js代码处，就能查看到获取的属性值。

相关问答

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

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

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

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

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

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

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

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：vara=location.href.split(/)；document.body.innerText=a[a.length-1]；。

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

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

javascript文件是网页Java Script客户端脚本文件，独立的js文件可以被调用。打开方法如下：直接用记事本来打开。右键要查看的js文件--打开方式--选择默认程序。选择记事本。双击打开即可。编辑之后保存即可。

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

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

如何快速的找到js页面的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js怎么获取当前页面的url、如何快速的找到js页面的信息别忘了在本站进行查找喔。