如何查看网页引用的js和css文件

要查看网页引用的JavaScript（JS）和CSS文件，您可以采用以下几种方法：

使用浏览器开发者工具

1. 打开网页，右键点击页面上的任意位置，选择“检查”（Chrome）或“Inspect”（Firefox）。

2. 这将打开浏览器开发者工具（DevTools）。

3. 在开发者工具中，切换到“网络”（Network）标签页。

4. 刷新页面，开发者工具会列出所有网络请求。

5. 查找带有`.js`和`.css`后缀的文件，这些就是网页引用的JS和CSS文件。

使用在线工具

有些在线工具可以帮助您分析网页资源，以下是一些常用的工具：

1. Wappalyzer：这是一个浏览器扩展，可以显示网站使用的各种技术，包括JS和CSS框架。

2. BuiltWith：这个网站允许您输入一个网址，然后它会分析并显示网站使用的各种技术和资源。

使用命令行工具

如果您熟悉命令行，可以使用以下工具：

1. curl 或 wget：这些工具可以下载网页，并可以配置来只下载CSS和JS文件。

2. grep：配合curl或wget，可以过滤出带有特定后缀的文件。

以下是一个使用curl和grep的示例：

```sh

curl -s "http://example.com" grep -o "href=['"](["]+.css)['"]" cut -d '"' -f 2

curl -s "http://example.com" grep -o "src=['"](["]+.js)['"]" cut -d '"' -f 2

```

使用浏览器扩展

还有一些浏览器扩展专门用于分析网页资源，例如：

1. PageSpeed Insights：由Google提供，可以分析网页的性能，包括资源加载情况。

2. Octotree：虽然主要用于查看代码仓库的文件结构，但也可以用来查看网页的HTML结构。

选择最适合您的方法来查看网页引用的JS和CSS文件。