多语言展示
当前在线:615今日阅读:126今日分享:42

怎样帮美工找到参考网站中的图标之Network工具

最近有个美眉迷上了微信页面设计,老是想把别个的微动画中的图片拿下来参考,可是又不知道怎么拿下来。她求助于我,我一想,这个图片不管在服务器上藏得多深,不也还是一种网页资源嘛,迟早要被浏览器给下载下来的。如是就教她用了开发人员工具。
工具/原料
1

现代浏览器一枚(Firefox,chrome,safari,ie8\9\10\11)

2

目标网址一个:http://www.rabbitpre.com/m/nzjzbaUZ

方法/步骤
1

在浏览器里面打开目标网址http://www.rabbitpre.com/m/nzjzbaUZ

2

按F12,打开开发者工具,每个浏览器都差不多

3

点开上面的Network,或者中文 网络

4

按f5刷新网页,就会看到网络上歘歘歘不断地涌出一堆堆的url地址(网址)

5

在All标签下点击 type可以按资源类型排序,也可以直接简单粗暴地点images标签就可以看到这个网页中包含的所有图片了。

7

双击如果实在没反应,则可以运用鼠标右键,在新窗口中打开这个网址

注意事项
1

按完F12找到Network后一定要再刷新一次

2

一定要按类型分组或者排序找资源,不然找得很辛苦

3

若觉得这篇经验写的好或者还凑合的话,记得点击页面右上角的“大拇指”或者“五角星”,谢谢了。仅供参考哦!如果有任何意见,请留言,或者私信我

推荐信息