WebStorm 2021.1 Help

配置浏览器

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

WebStorm 有一个内置的 Web 服务器,可用于预览和调试您的应用程序。此服务器始终在运行,不需要任何手动配置。就项目结构而言,所有项目文件都使用根 URL http://localhost:<built-in server port>/<project root> 在内置服务器上提供服务。

默认情况下,内置服务器端口设置为默认 WebStorm 端口63342, WebStorm通过该端口接受来自服务的连接。要更改此默认值,请打开Settings/Preferences对话框 ( Ctrl+Alt+S),转到Build、Execution、Deployment | Debugger,并在内置服务器中指定从 1024 开始的任何其他值。

  1. Ctrl+Alt+S打开 IDE 设置并选择工具 | 网络浏览器

  2. 打开的Web 浏览器和预览页面显示预定义列表中的浏览器和先前配置的自定义浏览器安装(如果有)。对于每个浏览器,WebStorm 会显示其名称、所属系列以及浏览器可执行文件/macOS 应用程序的路径或代表此路径的预定义别名。

  3. 要激活浏览器,请选中其名称旁边的复选框。浏览器将被添加到“在浏览器中打开”菜单项的上下文菜单中,其图标将显示在浏览器图标弹出窗口中。请参阅配置浏览器图标弹出窗口以了解如何在编辑器中隐藏和显示弹出窗口。

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

当您选择查看 | 在浏览器中打开,或按Alt+F2,或调用浏览器图标栏,可用的浏览器将按照它们在Web 浏览器和预览页面上列出的顺序显示。要更改列表中浏览器的顺序,请使用向上下按钮。

配置自定义浏览器

  1. Ctrl+Alt+S打开 IDE 设置并选择工具 | 网络浏览器

  2. 单击添加按钮工具栏上的 并在新行中指定浏览器名称、系列及其可执行文件或 macOS 应用程序的路径。

使用自定义配置文件

对于 Firefox 和 Chrome 系列浏览器,您可以使用自定义配置文件。

  • Web 浏览器和预览页面上,选择浏览器并单击图标动作编辑工具栏上的 。根据所选浏览器的系列,将打开Firefox 设置Chrome 设置对话框。

    • 对于Firefox,指定所需的profiles.ini文件的路径并从列表中选择要使用的配置文件。在Firefox 浏览器配置文件中了解更多信息。

    • 对于Chrome,选中Use custom user data directory复选框并在 WebStorm 设置中指定用户数据目录的位置。

    • 要启动带有其他选项的Chrome系列浏览器,请单击工具栏并在打开的Chrome 设置对话框的命令行选项字段中图标动作编辑键入所需的键。通过在Chrome中打开来了解有关 Chrome 命令行选项的更多信息。chrome://flags

从列表中删除浏览器

  • 选择所需的浏览器并单击图标一般删除工具栏上的 。请注意,只能删除自定义浏览器。

选择默认的 WebStorm 浏览器

当您想通过选择View |在浏览器中预览应用程序输出时 从主菜单在浏览器中打开或从文件的上下文菜单中打开在浏览器中,您需要选择要在其中打开预览的浏览器。您可以从上下文菜单中使用特定的浏览器或选择默认浏览器

WebStorm 还会打开WebStorm 默认浏览器来渲染外部资源。

  1. Ctrl+Alt+S打开 IDE 设置并选择工具 | 网络浏览器

  2. 默认浏览器列表中,选择默认用于预览页面的浏览器。

    • 要使用默认操作系统浏览器,请选择System default

    • 要使用列表顶部的浏览器,请选择第一个列出的。向上使用工具栏上的和下图标更改顺序或浏览器。

    • 要使用其他浏览器作为默认浏览器,请选择自定义路径并指定所需浏览器的可执行文件的位置。如有必要,手动键入路径或使用Browse 。 浏览按钮

配置浏览器图标弹出

默认情况下,浏览器图标弹出窗口仅出现在 HTML 文件中。在 XML 文件中,默认情况下不会显示弹出窗口以帮助您阅读和编辑代码而不会分心。

  • 要在 HTML 或 XML 文件中显示或隐藏弹出窗口,请转到工具 | IDE 设置的Web 浏览器和预览页面,并在编辑器区域的显示浏览器弹出窗口中Ctrl+Alt+S使用适用于 HTML 文件适用于 XML 文件复选框。

  • 如果您将弹出窗口配置为隐藏在 HTML 或 XML 文件中,您可以使用查看 |预览相应类型的文件。主菜单上的在浏览器中打开命令或文件上下文菜单上的在浏览器中打开命令。

配置 HTML 页面的自动重新加载

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

您可以更改默认行为以在键入时重新加载页面,以便对 HTML 或相关文件的更改立即显示在浏览器或内置预览中。

  1. 转到工具 | IDE 设置的Web Browsers 和 PreviewCtrl+Alt+S页面。或者,单击得到它工具提示中的配置。

  2. 在“重新加载”行为区域中,从“在浏览器中重新加载页面”和“在内置预览中重新加载页面”列表中,选择将在 Web 浏览器和内置预览中触发自动重新加载页面的操作。默认情况下,选择保存时。

    • 在更新相应的 HTML 文件或链接文件时,选择On Change以重新加载页面。

    • 选择禁用以禁止自动上传。

有关详细信息和示例,请参阅配置自动重新加载

最后修改时间:2021 年 10 月 11 日