1. 打开Chrome浏览器，访问包含JavaScript代码的网页。
2. 在地址栏输入`chrome://inspect/network-trace`，然后按回车键。这将打开一个名为“网络”的页面，其中显示了当前网页的加载过程。
3. 在“网络”页面中，滚动到页面加载完成的位置，找到“资源”部分。这里列出了所有加载的资源，包括CSS、JS、图片等。
4. 点击某个资源名称，如“styles.css”，将展开该资源的详细信息。在这里，可以看到该资源的来源、大小、加载时间等信息。
5. 点击“脚本”按钮，将展开该资源的脚本列表。这里列出了所有加载的脚本文件及其来源、大小、加载时间等信息。
6. 通过比较不同时间点的资源信息，可以分析出脚本加载的时间线和依赖关系。例如，如果某个脚本文件在加载过程中被其他脚本引用，那么它可能是依赖项。
7. 在“网络”页面中，还可以使用“请求”功能来查看每个脚本的请求详情，进一步分析脚本之间的依赖关系。
8. 最后，可以通过修改网页的代码或样式，观察这些变化对脚本加载和执行的影响。
