如何知道当前html页面上使用的图像

时间:2013-07-02 19:25:01

标签: html image browser-plugin

我记得我遇到了一个浏览器插件,但不确定是哪个浏览器可以告诉用户使用了哪些图像及其详细信息。

我相信firefox通过页面信息功能来实现这一点,但是在chrome或者firefox上使用更准确的插件有类似的方式...... !!

任何想法!!

2 个答案:

答案 0 :(得分:1)

Chrome上的开发人员控制台可用于此目的。查看页面时点击F12,然后查看左侧窗格中的“框架”部分。如果展开代表您正在查看的页面的项目,您应该会看到用于页面的“图像”,“脚本”和“样式表”的列表。请注意,某些媒体项可能在树内变化很深。

“网络”部分还列出了这些资源,以及它们各自的加载时间,大小,调用它们的位置,用于调用它们的方法等。您可以按类型排序并查找图像的mime类型。这个页面的唯一缺点是它不那么简洁。

P.S。开发人员的控制台不是浏览器插件。它附带Chrome,stock,实际上是所有主流浏览器中的一项功能,包括Firefox和IE,每个浏览器都可以使用F12进行访问。

答案 1 :(得分:1)

对于Firefox--最好的选择是“Firebug”。你可以从这里下载 - > http://getfirebug.com/ 安装完成后 - 只需在浏览时按F12即可打开Firebug。通过Firebug,您可以编辑,调试,监控CSS,HTML和Javascript。您可以选择感兴趣的图像并检查其属性。 如果您使用的是Chrome或IE,您可以再次使用F12,但我认为Firebug是调试和检查网页的最佳选择。

希望它有所帮助!