找到未使用的图像,css规则,js脚本块

Pra*_*ari 40 javascript css optimization image find

我们有一个相当大的asp.net网站.

图片,CSS和javascripts是在网站项目中组织的属性,但是当我们改变网站的外观时,我想知道是否有工具/加载项可以帮助我识别哪些图像不是在网站上使用.

我想用css和javascript找到相同的东西.我看过dustme firefox扩展,但只有css.

Som*_*luk 54

未使用的CSS

  1. http://www.sitepoint.com/dustmeselectors/上查看Firefox扩展Dust-Me .

  2. Google Chrome 在其开发者控制台中有一个网站审核工具.

  3. 此外,我发现这个网站删除未使用的CSS - http://unused-css.com/.输入网站的网址,您将获得CSS选择器列表.对于每个选择器,数字表示选择器的使用次数.此服务有一些限制.不支持@import语句.您无法配置和下载新的干净CSS文件.

  4. Helium CSS是一个javascript工具,用于在网站上的许多页面上发现未使用的CSS.首先必须将javascript文件安装到要测试的页面.然后,您必须调用氦气功能来开始清洁.

  5. CSSESS是一个书签,可以帮助您在任何网站上找到未使用的CSS选择器.该工具非常易于使用,但它不允许您配置和下载干净的CSS文件.它只会列出未使用的CSS文件.

  6. 如何在网站中找到未使用的图像和CSS样式?

未使用的图像:

  1. http://obsidience.blogspot.in/2008/06/using-powershell-to-find-unused-images.html
  2. 如何创建一个Bash脚本来查找项目中未使用的图像?

未使用的JS:

  1. 在Web项目中查找未使用的CSS规则和js脚本?
  2. 找到未使用的Javascript函数?

  • 有一些断开的链接。使用 Chrome Inspector Audits 时也需要小心。它不考虑单独的样式表文件中的 CSS,因为它可能与其他页面共享,并抱怨那里未使用的 CSS。可以对内联 CSS 执行此操作,但不适用于 CSS 文件。审核不会扫描整个站点。它只是扫描当前页面。 (2认同)
  • [无耻的插件]我创建了一个免费的在线工具,找到未使用的CSS:https://www.jitbit.com/unusedcss/和*递归抓取您的网站* (2认同)