Question

我无法在此页面中找到徽标图片网址（圆圈中的树）：

我已经使用了Firebug（我经常使用）和Chrome的DevTools，它们指向我无法找到徽标网址的文字。

我想知道隐藏的位置以及如何使用Firebug找到它。

Answer 1

嘿，徽标没有单独插入网站，它被添加为css p Tag中的背景图像属性。背景图像：网址（/uploaded/images/home/hometb_bg.png）;

Answer 2

使用chrome，您可以右键单击您拥有选项卡的页面：

 - RESOURCES

在里面你有目录：

 - Frames
   - www.woodstock.ac.in
   - images

在图片内部，您可以找到网站使用的所有图片，我也会看到徽标

Answer 3

要使用Firebug查找图像的URL，您有两个选择：

检查HTML和CSS
在检查HTML结构时，您需要知道可以通过两种方式引用图像：在HTML结构本身内通过<img>标记或在应用于元素的CSS中（如{{3}所示） }），通常通过background或background-image属性要获取具有图像的元素，请执行以下步骤：
1. 右键单击页面上的图像，然后从上下文菜单中选择使用Firebug检查元素
2. 检查图像是在HTML中引用还是与元素相关的CSS。
3. 如果没有，请在右键单击Style side panel中的元素并从上下文菜单中选择删除元素，然后按 Del 删除元素，然后从步骤1.
  
  最后，您会看到图像通过CSS #topbanner属性应用于ID为background-image的表格。要复制URL，请右键单击该URL，然后从上下文菜单中选择复制图像位置。
检查网络请求 您可以使用HTML panel检查网络对图像的请求。因此，您需要按照以下步骤操作：
1. 激活面板
2. 重新加载页面
3. 选择图像过滤器，以确保只看到转移的图像
4. 将每个图像请求悬停以查看图像的预览
  
  你会发现图像请求“GET homepg_bg.png”。要复制URL，请右键单击该请求，然后从上下文菜单中选择复制位置。

在其他开发人员工具中，这些步骤的工作方式类似。