查看网站的JS和CSS文件的几种方法：使用浏览器开发者工具、通过页面源代码、使用在线工具。
浏览器开发者工具是最常用的方法，通过按下F12或右键点击页面并选择“检查”即可打开。接下来在“Sources”或“Network”标签下可以查看加载的JS和CSS文件。这一工具不仅可以查看文件，还可以实时调试和修改。
一、使用浏览器开发者工具
1. 打开开发者工具
大多数现代浏览器都内置了开发者工具。以下是几种常见浏览器的快捷键：
- Google Chrome：按下
F12或Ctrl + Shift + I。 - Mozilla Firefox：按下
F12或Ctrl + Shift + I。 - Microsoft Edge：按下
F12或Ctrl + Shift + I。 - Safari：按下
Option + Command + I。
2. 查看JS和CSS文件
打开开发者工具后，可以通过“Sources”或“Network”标签查看加载的JS和CSS文件。
- Sources标签：在这个标签下，可以查看所有已加载的资源，包括JS和CSS文件。文件按目录结构排列，可以方便地查找和查看。
- Network标签：在页面刷新时，可以看到所有加载的资源。通过筛选器，可以仅显示JS或CSS文件。点击文件名，可以查看其内容。
3. 实时调试和修改
开发者工具不仅可以查看文件，还可以实时调试和修改。比如，可以在“Console”标签中运行JavaScript代码，或在“Elements”标签中修改CSS样式并立即看到效果。
二、通过页面源代码
1. 查看页面源代码
右键点击页面空白处并选择“查看页面源代码”或按下 Ctrl + U。这将打开一个新窗口或标签页，显示HTML源代码。
2. 查找JS和CSS文件
在源代码中，查找 <script> 和 <link> 标签：