查看构成网页的资源文件

查看构成网页的资源文件

查看构成网页的资源文件项目03/29/2023

可以从 Microsoft Edge DevTools 中的多个工具 (或 面板) 查看构成网页的资源,其中包括:

网络工具源工具应用程序工具

资源是构成网页的文件。 资源示例包括:

CSS 文件JavaScript 文件HTML 文件图像文件

另请参阅:

在 Mozilla.org 学习 Web 开发开发工具概述从命令菜单打开资源文件

当知道要检查的网页资源文件的名称时,DevTools 中的 命令菜单 提供了一种查找和打开该资源的快速方法。

在新窗口或选项卡中,转到网页,例如 辅助功能测试演示。 (该网页的源文件位于 MicrosoftEdge/Demos > devtools-a11y-testing.)

要打开 DevTools,请右击网页,然后选择“检查”。 或者按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。

当 DevTools 具有焦点时,按 Ctrl+P (Windows、Linux) 或 Command+P (macOS) 。 或者,可以在 DevTools 中单击“ () 菜单按钮,然后选择“ 打开文件”。 命令菜单随即打开,其中显示“ 打开文件” 列表:

如果出现大于 (>) 提示,请按 Backspace 进入 “打开文件” 提示。

开始键入文件名,然后在自动完成框中突出显示正确的文件时按 Enter ,或从下拉列表中选择该文件:

在网络工具中浏览资源文件

在 网络 工具中,可以检查构成当前网页的资源文件,例如 .html、 .css、 .js和图像文件。 若要了解如何获取特定资源的详细信息,请参阅检查网络活动中的检查资源的详细信息。

在新窗口或选项卡中,转到网页,例如 “检查网络活动演示”。 (该网页的源文件位于 MicrosoftEdge/Demos > network-tutorial.)

要打开 DevTools,请右击网页,然后选择“检查”。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。

在 DevTools 的main工具栏上,选择“网络”选项卡。如果该选项卡不可见,请单击“


比丘资源网 » 查看构成网页的资源文件

发表回复

提供最优质的资源集合

立即查看 了解详情