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

比如提交一个登陆,查看调用了哪些js代码,用什么工具可以实现.chrome的f12可以看吗... 比如提交一个登陆,查看调用了哪些js代码,用什么工具可以实现.chrome的f12可以看吗 展开
 我来答
百度网友bbb4f305
高粉答主

2018-04-05 · 关注我不会让你失望
知道小有建树答主
回答量:238
采纳率:100%
帮助的人:11万
展开全部

想看网页调用了哪些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”,如下图所示。

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

多点品
2017-07-26 · TA获得超过328个赞
知道小有建树答主
回答量:261
采纳率:20%
帮助的人:54.9万
展开全部

你要查看网页调用的js、代码、样式、关键词等可以使用快捷键ctrl+u打开查看,以我这个界面为例,如下图:

ctrl+u后会出现以下界面:

注意!不是所有网页都可以直接看得到他的js代码,遇到这种看不到的你需要将网页保存下来使用软件来查看源代码(js)

例如我们拿阿里云的首页来做例子:

阿里云的js效果就是外部连接,我们要找到他源代码就需要借助软件来实现

首先保存网页文件ctrl+s选择保存全部:

找到保存的文件找到第一个后缀名是htm或html的文件拖入DW中

如下:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
改润0iT58e
2017-10-13 · TA获得超过721个赞
知道小有建树答主
回答量:823
采纳率:80%
帮助的人:529万
展开全部

查看网页加载时调用哪些js, 可以通过查看其源码来了解.

  1. 在打开的网页上用鼠标点击右键, 找到"查看源码"并点击(快捷键 F12).

  2. 然后以".js"进行查找.

    在结果中找到以 src="http//..."开头, 并以 .js 结束的语句. 

    那么该语句中的js就是当前页面使用的js.

  3. 举例: 就当前这个回答问题的页面, 使用chrome浏览器, 

    点击"查看源码"之后, 用".js"查找, 

    找到 src="//m.baidu.com/static/as/res2exe/js/res2exe_1.0.3.min.js

    这句代码. 

    打开新的空白页, 输入m.baidu.com/static/as/res2exe/js/res2exe_1.0.3.min.js

    回车. 就会看到res2exe_1.0.3.min.js文件的内容了. 

  4. 同理, 页面调用的其他资源也可以通过此类方法获取.

    如 css


已赞过 已踩过<
你对这个回答的评价是?
评论 收起
NE_Z
2018-01-05 · TA获得超过1736个赞
知道小有建树答主
回答量:1687
采纳率:55%
帮助的人:570万
展开全部
  1. 用chrome浏览器

  2. 打开需要查看的网页,按f12调出调试台,按f5刷新网页

  3. 在调试台中的Network栏中就能看到打开网页过程中调用的各个资源,和载入的时间。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
帐号已注销
2017-12-25 · TA获得超过197个赞
知道小有建树答主
回答量:271
采纳率:68%
帮助的人:124万
展开全部

Chrome、Firefox系列的浏览器直接使用调试工具,一般是F12 键。

在Source选项卡下面就能看到所调用的所有文件,在归类查找就可以了。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(27)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式