怎样用源文件查看图片资源
平时我们在网页上看到心仪的图片的时候一般都会采用右击另存为的方式保存它,但是有时候这种方法并不可行,例如被用做背景的图片,右击的时候并没有另存为选项,此时我们就需要用源文件来查看图片的位置然后在行下载,下面小编跟随小编一起来看看具体的实施步骤吧。
操作方法
- 01
如果直接右击查看源文件的话,我们可能会看到一堆自己不认识的代码,而且不知道自己需要的图片资源位置在哪里,犹如大海捞针,况且有些网站还屏蔽了右键查看源代码功能,我们就更无从查看了,此时我们就需要借助浏览器了一些特殊功能。
- 02
虽然现在的浏览器种类很多,但是小编仍然喜欢使用firefox,一来是因为功能比较强大,二来是用着顺手了,因此以下的操作步骤均会以火狐浏览器为基准,如果你还没有安装火狐浏览器的话,那么赶快安装吧。
- 03
firefox之所以强大离不开它的插件,今天我们就需要用到它其中的一个插件,firebug。相信学习编程的朋友对于它不会陌生,测试的时候我们经常需要用到它,当然今天我们只是用到它的一些简单功能,不用懂编程亦能应用。
- 04
我们打开火狐浏览器,点击工具菜单,找到附件组件选项并点击。我们在右侧的搜索栏当中搜索firebug,找到后点击安装。安装完成后需要重新启动火狐浏览器才能让刚刚安装的firebug生效,如果成功安装我们会在导航工具栏中看到firebug的图标(那个像七星瓢虫的图标就是)。
- 05
然后我们就可以使用火狐浏览器打开我们需要查看图片资源的网页了,在我们需要查看的图片位置上右击,在弹出的选项中选择“使用firebug查看元素”,这样firebug就会定位到图片所在位置的源代码处了。
- 06
然后我们只需要在定位的源代码附近就可以找到我们所需的图片文件的路径。当然如果图片是背景文件的话可能并不会在此位置上出现,我们可以在右侧的样式中找到background,如果是背景图片的话,可以在里面找到它的地址。
- 07
看了小编的经验是不是觉得查看图片资源是这么简单的一件事情呀,其实只要是在网上出现的图片资源,我们都可以下载下来为我们所用,只要你找对方法,一般情况下右击就可以解决,如果不能解决不妨试试小编的方法吧。