Question

我下载了Bootstrap主题。

许多主题，就像这个主题一样，使用来自CDN的{{1}}的外部资源的链接，例如fonts.googleapis和MaxCDN。我更喜欢将所有文件都存储在服务器上，因此我不需要对CDN进行额外的调用，有时我也会在互联网不好或没有互联网的地方工作，而且无法访问这些文件文件打破了程序的流程。

是否有工具遍历所有css和js文件，并查找所有不使用相对路径的文件？或许是另一种解决方案我尝试使用开发人员工具来检查Network，但它会输出所有正在加载的资源和调用它们的页面，但不会输出使用它们的文件。示例标题：

**General**

Remote Address:xxx.xxx.xx.xx:80
Request URL:http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic
Request Method:GET
Status Code:200 OK

**Response Headers**

view source
Alternate-Protocol:80:quic,p=1
Cache-Control:private, max-age=86400, stale-while-revalidate=604800
Content-Encoding:gzip
Content-Length:988
Content-Type:text/css
Date:Fri, 24 Apr 2015 06:59:08 GMT
Expires:Fri, 24 Apr 2015 06:59:08 GMT
Last-Modified:Fri, 24 Apr 2015 06:59:08 GMT
Server:GSE
Timing-Allow-Origin:*
X-Content-Type-Options:nosniff
X-Frame-Options:SAMEORIGIN
X-XSS-Protection:1; mode=block

**Request Headers**

view source
Accept:text/css,*/*;q=0.1
Accept-Encoding:gzip, deflate, sdch
Accept-Language:ru-RU,ru;q=0.8,en-US;q=0.6,en;q=0.4
Cache-Control:no-cache
Connection:keep-alive
Host:fonts.googleapis.com
Pragma:no-cache
Referer:http://mycrm.ru/admin/students
User-Agent:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.90 Safari/537.36
X-Client-Data:CJO2yQEIo7bJAQiptskBCMG2yQEI8YjKAQ==

**Query String Parameters**

view source
view URL encoded
family:Source Sans Pro:300,400,600,700,300italic,400italic,600italic

如您所见，它仅指向资源以及使用使用此调用的文件http://mycrm.ru/admin/students的页面，但不指向实际调用和使用它的文件。加上每一个条目都可以检查是否很长。

昨天当我使用localhost开发并且我的网络出现时出现问题。我以为我通常可以继续开发，但是在每次加载时它都会冻结大约40秒，然后给我一个错误，指向我标题中的第一个JS文件;我的标题设置方式首先是所有样式然后是所有脚本。我唯一的线索就是Chrome右下角的“加载文件xxx”。我使用了搜索，发现@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);是其中一个css文件的罪魁祸首。但只是在经历了相当多的挫折之后。

任何人都知道可能的解决方案吗？

Answer 1

在Chrome中，打开检查器/开发人员工具（大部分时间都是F12）。
检查＆＃34;来源＆＃34;标签

您将能够可视化大多数css / js文件。域名上的人很可能是列表中的第一个。然后，按照没有指定域的其他域和其他域。在那里（希望它像那样说^^＆＃34;），你不会发现CSS和JS。也可能有广告按钮等代码。

我无法确认您网站将使用的所有文件，但我认为这是一个很好的开始。

Answer 2

如果您使用Dreameaver之类的东西并且所有文件都在您的计算机上，您可以在所有文件中搜索“http：”，“https”或“//”，并显示包含这些关键字的文件。< / p>

如果您没有带有notepad ++的Dreamweaver，您可以使用ctr + f并选择“在所有打开的文档中查找全部”，对于此功能，您需要打开所有文件或每次搜索时打开尽可能多的文件。这需要很长时间，但最终你会发现它们。

我知道您也可以使用操作系统文件搜索（例如在Windows上的文件夹中搜索），并且还会查找带有查询的文件，但可能需要更长时间，您仍然必须打开文件并查看内部//或http（s）。

如果不在Linux中你可以使用控制台并运行搜索，看看这篇文章： How do I find all files containing specific text on Linux?

祝你好运！

查找所有外部css / js文件和文件引用

2 个答案: