如何检查Web应用程序中使用的图像/ css / javascript?

时间:2009-11-16 19:53:50

标签: java javascript html css

前几天我找到了这个小软件 - WARI。它代表Web Application REsource Inspector。显然它检查css,html,js和图像之间的依赖关系,并报告未使用和重复的CSS样式,javascript函数和图像。

链接:WARI is released!

你用什么?任何替代方案?

5 个答案:

答案 0 :(得分:2)

从概念上讲,这样的工具非常方便,因为查找杂散文件并安全删除它们通常是一项非常尴尬的任务。

我不确定是否是这种情况......但从这个问题的措辞看来,这可能是一个自我推销的问题,而不是一个认可的活动。如果您想跟进一般性问题“用什么工具来做x,y和& z”和你自己的答案就可以了。

为了记录,我使用了两个名为CheckWeb和Xenu的工具,它们将跟踪所有链接并报告发现的内容。

这找到任何404,然后我将引用文件列表与我的目录列表进行比较,以查看未使用的文件。 (粗糙,但有效)

答案 1 :(得分:1)

正如Stat1124所说,Firebug非常宝贵。网络面板非常适用于此目的,因为它显示加载与页面关联的所有资产所需的时间 - 如果资源不可用,它还会显示HTTP响应代码。

在尝试优化网站时,yslow(http://developer.yahoo.com/yslow/)是对firebug的一个很好的补充 - 因为它提供了特定的实现技巧,以实现更具响应性的页面加载。

还有一个名为smush.it(http://developer.yahoo.com/yslow/smushit/)的实用程序 - 最近已添加到yslow工具包中 - 它会产生优化以减小图像大小。

答案 2 :(得分:0)

您可以尝试Google´s page speed

通过它,您可以检查有关您网站的所有相关信息。哪些CSS未使用,Google页面速​​度会缩小您的JS文件等等。看看,你会留下深刻的印象。 : - )

答案 3 :(得分:0)

如果您是Firefox粉丝,我碰巧使用Firebug附加组件,它可以为所有行业的Web开发工具提供服务。我可能会夸大一点,但我发现它非常有用。这是一个快速的模糊:Firebug与Firefox集成,在您浏览时将大量的Web开发工具放在您的指尖。您可以在任何网页中实时编辑,调试和监控CSS,HTML和JavaScript

如果您想了解更多信息,可以在此处查看其主页:Firebug

答案 4 :(得分:0)

如果您的目标是加快页面加载时间,那么WARI似乎肯定会帮助您减少加载页面所需的数据。

但是,我建议您更进一步 - 采取Yahoo!'s adviceminimize the number of HTTP requests

  
      
  • 组合文件是一种通过将所有脚本组合到单个脚本中来减少HTTP请求数量的方法,同样将所有CSS组合到单个样式表中。当脚本和样式表在不同页面之间变化时,组合文件更具挑战性,但使这部分发布过程可以缩短响应时间。
  •   
  • CSS Sprites 是减少图像请求数量的首选方法。将背景图像合并为单个图像,并使用CSS背景图像和背景位置属性显示所需的图像片段。
  •   
  • 内联图片使用data:网址方案将图片数据嵌入实际页面中。这可以增加HTML文档的大小。将内嵌图像组合到(缓存的)样式表中是一种减少HTTP请求并避免增加页面大小的方法。并非所有主流浏览器都支持内嵌图像。
  •