获取页面的JS和CSS的主要方法有：通过浏览器开发者工具、查看页面源代码、使用抓包工具、通过在线工具。其中，浏览器开发者工具是最常用且最便捷的方法。通过按下F12或右键选择“检查”，你可以直接查看页面加载的所有JS和CSS文件，进行调试和修改。
一、浏览器开发者工具
浏览器开发者工具是前端开发者的好帮手，几乎所有现代浏览器都提供这种功能。以下是如何使用开发者工具获取页面的JS和CSS文件的具体步骤：
1. 打开开发者工具
按下F12键或者在页面上右键选择“检查”以打开开发者工具。大部分主流浏览器如Chrome、Firefox、Edge等都有类似的功能和快捷键。
2. 访问“Sources”或“资源”选项卡
在开发者工具中，切换到“Sources”选项卡，这里可以查看页面加载的所有JS和CSS文件。你可以展开文件结构，找到具体的JS和CSS文件。
3. 查看和编辑文件
点击任意文件，可以在右侧面板中查看其内容。你甚至可以在这里直接编辑代码，实时查看修改效果，这对调试非常有用。
示例：在Chrome浏览器中打开开发者工具，切换到“Sources”选项卡，展开文件结构，找到并点击一个CSS文件，你就可以在右侧查看和编辑该文件的内容。
二、查看页面源代码
查看页面源代码是一种直接且有效的方法，特别适用于静态网页。以下是具体步骤：
1. 查看页面源代码
在页面上右键选择“查看页面源代码”或按下Ctrl+U，可以看到页面的HTML代码。在HTML代码中，你可以找到链接到外部JS和CSS文件的标签，如