回答标题问题：

要查看网页的JavaScript（JS）代码，可以通过以下几种方法：使用浏览器开发者工具、查看网页源代码、使用外部工具和扩展、访问静态资源目录。其中，使用浏览器开发者工具是最直接和常用的方法。开发者工具不仅可以查看和调试JavaScript代码，还能实时监测代码的执行情况，修改DOM结构和CSS样式等，非常方便。

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

浏览器开发者工具是查看和调试网页JavaScript代码的首选。大多数现代浏览器如Chrome、Firefox、Edge和Safari都自带开发者工具。

1、打开开发者工具

在Chrome浏览器中，可以通过以下几种方式打开开发者工具：

右键点击网页，选择“检查”。

使用快捷键 Ctrl + Shift + I (Windows) 或 Cmd + Option + I (Mac)。

在浏览器菜单中选择“更多工具” > “开发者工具”。

2、查看和调试JavaScript代码

打开开发者工具后，切换到“Sources”选项卡。在这里，你可以看到所有加载到网页中的JavaScript文件。文件通常按目录结构组织，便于查找。你可以点击文件名查看具体的代码，还可以在代码中设置断点，逐步调试。

3、实时监测和修改代码

开发者工具允许你实时监测JavaScript代码的执行情况。你可以在代码中添加断点，查看变量的值和函数的调用堆栈。此外，还可以直接在开发者工具中修改代码，实时预览修改效果，非常适合调试和快速迭代开发。

二、查看网页源代码

另一种查看JavaScript代码的方法是直接查看网页的源代码。虽然这种方法不如开发者工具直观，但在某些情况下仍然有用。

1、打开网页源代码

在任何浏览器中，右键点击网页空白处，选择“查看页面源代码”或类似选项。你会看到网页的HTML代码，其中包含了引用的JavaScript文件。

2、查找JavaScript文件

在源代码中，查找