Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 查找未使用的图像、css规则、js脚本块_Javascript_Css_Image_Optimization_Find - Fatal编程技术网

Javascript 查找未使用的图像、css规则、js脚本块

Javascript 查找未使用的图像、css规则、js脚本块,javascript,css,image,optimization,find,Javascript,Css,Image,Optimization,Find,我们有一个相当大的asp.net网站 图像、css和Javascript在网站项目中进行了属性组织,但由于我们正在改变网站的外观和感觉,我想知道是否有工具/插件可以帮助我确定哪些图像未在网站中使用 我也想在css和javascript中找到同样的东西。我已经看过dustme firefox扩展,但这只适用于css。一种可能的方法是: 要使用浏览器,请保存脱机功能,并将整个网站及其所有资源下载到本地文件夹 然后运行一个小的perl脚本,它将把所有的*{jpg、png、gif…等等} 然后,当您从项

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

图像、css和Javascript在网站项目中进行了属性组织,但由于我们正在改变网站的外观和感觉,我想知道是否有工具/插件可以帮助我确定哪些图像未在网站中使用


我也想在css和javascript中找到同样的东西。我已经看过dustme firefox扩展,但这只适用于css。

一种可能的方法是:

  • 要使用浏览器,请保存脱机功能,并将整个网站及其所有资源下载到本地文件夹
  • 然后运行一个小的perl脚本,它将把所有的*{jpg、png、gif…等等}
  • 然后,当您从项目源目录运行列表时,在列表上执行一个diff

  • 显然,这种方法有一些局限性,但如果你能做到这一点,这可能是一个好的开始

    因为Javascript是一种动态语言,并且是以动态方式调用的,所以您不会使用工具来查找未使用的Javascript


    您可以使用一个工具调用来配置代码并列出调用的方法。这应该会对您有所帮助。

    我从来没有遇到过声称可以做到这一点的浏览器扩展

    我运行一个控制台应用程序,该应用程序依赖于在项目目录中查找未使用的css类(即已声明但未在ascx/js中引用),然后将结果合并到使用情况报告中。我假设这可以很容易地调整,以查找图像src等,只要项目目录删除了未使用的页面

    是否需要这样一个适当分布的工具?

    未使用的CSS
  • 看一看Firefox扩展的灰尘我

  • Google Chrome的开发者控制台中有一个

  • 此外,我发现这个网站删除未使用的css-。 键入一个站点的url,您将得到一个CSS选择器列表。对于每个选择器,一个数字指示选择器的使用次数。这项服务有一些限制。不支持@import语句。您无法配置和下载新的干净CSS文件

  • CSS是一种javascript工具,用于在网站的多个页面上发现未使用的CSS。首先必须将javascript文件安装到要测试的页面。然后,您必须调用氦函数来开始清洗

  • 是一个bookmarklet,可以帮助您在任何站点上查找未使用的CSS选择器。这个工具非常容易使用,但它不允许您配置和下载干净的CSS文件。它将只列出未使用的CSS文件

  • 未使用的图像:
  • 未使用的JS:

  • 服务器不会打开未使用的文件,所以您可以检查上次访问时间。对吗?

    有没有在线工具可以用来查找未使用的css规则?@Gabriel Fair:我已经为未使用的css规则提供了在线工具:@SomnathMuluk这正是我们需要的。谢谢我将在6小时内奖励赏金,重点是寻找未使用的css,而不是导出已使用的css=[有一些断开的链接。在使用Chrome Inspector审计时,你也需要小心。它不考虑可能与其他页面共享的单独样式表文件中的CSS,并抱怨那里没有使用CSS。对内联CSS可以这样做,但对CSS文件不可以。审计不会扫描整个网站。它只是t扫描当前页面。关于CSS:我推荐grunt任务purifycss,它还负责javascript[无耻插件]添加的ID和类我创建了一个免费的在线工具,用于查找未使用的CSS:并递归爬网您的网站。CSS/JS文件包含一个文件,有时包含2个或更多文件。可能会出现这样的情况,即网站在CSS中使用了一些类,但其他类没有使用。但是,服务器将访问该CSS,因为HTML正在引用它。JS也是如此。函数可能会不能使用,但作为JS文件本身,服务器会访问它。@Brajeshwar你是对的,但该方法仍然有用。