查看网页JS源代码的方法有：使用浏览器开发者工具、查看源码文件、使用在线工具、通过浏览器扩展。

使用浏览器开发者工具：这是最常用的方法，几乎所有现代浏览器都提供了开发者工具，使得查看、调试和修改网页的JavaScript代码变得非常简单。以下我们将详细介绍如何使用浏览器的开发者工具查看网页的JS源代码。

一、使用浏览器开发者工具

1. 启用开发者工具

大多数现代浏览器（如Google Chrome、Mozilla Firefox、Microsoft Edge、Safari等）都提供开发者工具。以Google Chrome为例，可以按下 F12 或 Ctrl + Shift + I 快捷键，或者右键点击网页并选择“检查”来打开开发者工具。

2. 查看JavaScript代码

在打开的开发者工具窗口中，有一个“Sources”标签。在这个标签下，你可以看到所有被网页加载的文件，包括HTML、CSS和JavaScript文件。点击左侧文件树中的JavaScript文件，即可查看其源代码。

3. 设置断点进行调试

如果你不仅仅想查看代码，还想调试代码，可以在代码行号上点击来设置断点。这样，当JavaScript代码执行到断点处时，程序将暂停，你可以逐行查看代码的执行情况，并检查变量的值。

二、查看源码文件

1. 直接查看源码

有时候，你可以直接在浏览器地址栏输入JavaScript文件的URL来查看其内容。例如，如果你知道某个JavaScript文件的路径（如 https://example.com/js/app.js），你可以将其直接输入到地址栏并按回车键。

2. 使用“查看页面源代码”功能

右键点击网页并选择“查看页面源代码”选项，你可以看到HTML源代码。在HTML代码中查找