WebStorm 2021.1 Help

Web 浏览器和预览

在此页面上,您可以配置以下内容:

  • 将 Web 浏览器的安装与 WebStorm 集成,激活或停用从 WebStorm 启动的 Web 浏览器。

  • 指定是通过运行其可执行文件还是通过默认系统命令来启动浏览器。

  • 指定默认的 WebStorm 浏览器,WebStorm 默认会根据请求打开 HTML 文件,即没有明确指定浏览器时

  • 启用浏览器弹出窗口以在浏览器中打开 HTML 或 XML 文件。

  • 配置页面何时应在浏览器或内置预览中自动重新加载。

从配置浏览器了解更多信息

浏览器

在本节中,指定哪些浏览器可用于预览 HTML 输出。该部分显示预定义列表中的浏览器和先前配置的自定义浏览器安装(如果有)。

WebStorm 附带一个预定义的最流行浏览器列表,您可以在运行、调试或预览 HTML 文件的输出期间从 IDE 自动安装和启动这些浏览器。WebStorm 假定您根据标准程序安装浏览器,并为每个安装分配一个别名,该别名代表浏览器的可执行文件或 macOS 应用程序的默认路径。

如果在您的实际浏览器安装中可执行文件的路径不同,则需要在Path字段中明确指定它。

除了预定义的浏览器之外,您还可以使用工具栏上的控件配置任意数量的自定义浏览器安装。

物品

描述

积极的

选中此复选框以启用 WebStorm 中相应浏览器的使用。浏览器将被添加到“在浏览器中打开”菜单项的上下文菜单中,其图标将显示在浏览器图标弹出窗口中。请参阅配置浏览器图标弹出窗口以了解如何在编辑器中隐藏和显示弹出窗口。

如果清除此复选框,相应的浏览器图标将不会出现在图标工具栏或弹出窗口中。

姓名

在此列中,指定浏览器名称。

家庭

在此列中,指定浏览器所属的族。

小路

在此列中,指定可执行文件的路径。如果浏览器是根据标准安装过程安装的,则路径字段中的别名很可能指向正确的位置。如果没有,请单击并在打开的对话框中选择实际路径。在打开的对话框中,选择相应浏览器的可执行文件的路径。浏览按钮

工具栏

物品

描述

添加按钮

单击此按钮可将自定义浏览器添加到列表中。

删除按钮

单击此按钮可从列表中删除选定的客户浏览器。请注意,您不能从预定义列表中删除浏览器。

编辑按钮

单击此按钮可为FirefoxChrome系列浏览器指定自定义配置文件。该按钮仅在选择FirefoxChrome时可用。

Firefox 设置对话框中,指定用于预览输出的Firefox 浏览器配置文件:

  • “profiles.ini”的路径:在此字段中,指定profiles.ini文件的位置,该文​​件确定要使用的 Firefox 配置文件。

  • 配置文件:从此列表中,选择要使用的所需预定义配置文件。在Firefox 浏览器配置文件中了解更多信息。

Chrome 设置对话框中:

  • 命令行选项:在此字段中,输入命令行选项以启动 Chrome 实例。如果您需要更多空间,请单击展开图标或按Shift+Enter打开编辑器框。chrome://flags通过在Chrome中打开来了解有关 Chrome 命令行选项的更多信息。

  • 使用自定义用户数据目录:选中此复选框可定义要使用的用户特定 Chrome 配置文件设置,并在 WebStorm 设置中指定用户数据目录的位置。

上一个事件按钮下一次出现按钮

使用这些按钮在列表中向上或向下移动选定的浏览器。浏览器的顺序对于渲染外部资源和预览带有 Web 内容的文件很重要。

复制按钮

单击此按钮可创建所选浏览器的副本。

默认浏览器

在本节中,指定默认的 WebStorm 浏览器,该浏览器默认用于渲染外部资源和预览带有 Web 内容的文件。当您选择查看 |时,此浏览器将在上下文菜单中称为默认浏览器。从主菜单在浏览器中打开或文件的上下文菜单在浏览器中打开。

物品

描述

默认浏览器

从列表中选择默认浏览器。可能的选项是:

  • 系统默认值:选择此选项以接受您的操作系统默认 Web 浏览器作为 WebStorm 的默认值。

  • 首先列出:选择此选项可让 WebStorm 启动列表中的第一个浏览器。上一个事件按钮使用工具栏上的和下一次出现按钮图标更改顺序或浏览器。

  • 自定义路径:选择此选项以指定另一个 Web 浏览器作为 WebStorm 的默认浏览器。键入浏览器可执行文件的路径,或浏览按钮在打开的对话框中单击并选择路径。

在编辑器中配置浏览器图标弹出窗口

在此区域中,配置是否希望 WebStorm 在 HTML 或 XML 文件中显示已启用浏览器的弹出窗口。此弹出窗口用于预览当前文件的输出

默认情况下,浏览器图标弹出窗口仅出现在 HTML 文件中。在 XML 文件中,默认情况下不会显示弹出窗口以帮助您阅读和编辑代码而不会分心。使用对于 HTML 文件对于 XML 文件复选框,根据当前文件类型显示或隐藏弹出窗口。

重新加载行为

在此区域中,指定触发在浏览器或内置预览中自动重新加载 HTML 页面的操作。从在浏览器中预览 HTML 文件了解更多信息。

浏览器中的重新加载页面和内置预览中的重新加载页面列表中,选择将触发在 Web 浏览器和内置预览中自动重新加载页面的操作。

  • 默认情况下,选择保存时,因此在浏览器或内置预览中打开 HTML 文件后,每次手动保存此 HTML 文件(或任何链接的 JavaScript 或样式表文件)时,WebStorm 都会自动重新加载页面,或者自动,请参阅保存和恢复更改

  • 如果您选择On Change,页面会在您键入时重新加载。

  • 要禁止自动重新加载页面,请选择Disabled

最后修改:2021 年 11 月 10 日