WebStorm配置浏览器

配置浏览器

• WebStorm内置了一个预定义的常用浏览器列表，可以在运行、调试或预览HTML文件时从WebStorm自动安装和启动这些浏览器。WebStorm假设你根据标准程序安装了浏览器，并为每个安装分配一个别名，该别名代表了浏览器可执行文件的默认路径。除了默认列表中的浏览器外，还可以配置自定义浏览器。
• WebStorm有一个内置的web服务器，可用于在web浏览器或内置浏览器中预览和调试程序。此服务器始终在运行，不需要任何手动配置。
• 默认情况下，内置服务器端口设置为63342，WebStorm通过该端口接受来自服务的连接。要更改此默认值，请打开“设置”对话框，转到“Build, Execution, Deployment | Debugger”，然后在 Built-in Server 中指定从1024开始的任何其他值。

1. 按 Ctrl + Alt + S，打开设置对话框，选择 Tools | Web Browsers and Preview
2. 打开的页面显示了预定义列表中的浏览器以及之前配置的自定义浏览器（如果有的话）。对于每种浏览器，WebStorm都会显示其名称、所属的家族以及浏览器可执行文件路径或代表此路径的预定义别名。
   
3. 要启用浏览器，请选中名称旁边的复选框。浏览器将被添加到“Open in Browser”右键菜单中，其图标将显示在浏览器弹出窗口中。
   
   当选择菜单“View | Open in Browser”或按 Alt + F2，或点击浏览器图标栏按钮时，可用浏览器将按设置页面的顺序显示。要更改列表中浏览器的顺序，请使用向上按钮和向下按钮。

配置自定义浏览器

1. 按 Ctrl + Alt + S，打开设置对话框，选择 Tools | Web Browsers and Preview
2. 点击+按钮，指定浏览器名称、系列、可执行文件路径。

使用自定义配置文件

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

• 在 Web Browsers and Preview 设置页面上，选中浏览器，点击铅笔按钮，打开 Firefox Settings or Chrome Settings 对话框。
  
• 对于Firefox，指定profiles.ini文件的路径，然后从列表中选择要使用的配置文件。
• 对于Chrome，选中“Use custom user data directory”复选框，并在WebStorm设置中指定用户数据目录的位置。
• 要启动带有其他选项的Chrome系列浏览器，在 Command Line Options 字段中输入需要的命令行参数。可以在chrome中打开 chrome://flags 页面了解Chrome命令行参数。

从列表中删除浏览器

1. 按 Ctrl + Alt + S，打开设置对话框，选择 Tools | Web Browsers and Preview
2. 选中浏览器，点击 - 按钮。只能删除自定义浏览器。

选择WebStorm默认浏览器

当你想在浏览器中预览程序输出时，可以从主菜单中选择“View | Open in Browser ”，也可以从文件的右键菜单中选择“Open in Browser”。可以选择“默认浏览器 Default Browser”。

1. 按 Ctrl + Alt + S，打开设置对话框，选择 Tools | Web Browsers and Preview
2. 在 Default Browser 列表中，指定默认浏览器。
   

• System default：使用操作系统默认浏览器。
• First listed：使用浏览器列表中的第一个浏览器。
• Custom path：使用自定义浏览器。

配置浏览器图标

默认情况下，浏览器图标弹出窗口仅显示在HTML文件中。在XML文件中，默认情况不会显示弹出窗口。

• 要在HTML或XML文件中显示或隐藏弹出窗口，请转到设置对话框的“Tools | Web Browsers and Preview”页面，选中“For HTML files”和“For XML files”复选框。
  
• 如果将弹出窗口配置为在HTML或XML文件中隐藏，可以使用主菜单中的“View | Open in Browser”命令或文件右键菜单的“Open in Browser”命令预览相应文件。

配置HTML页面自动刷新

默认情况下，在浏览器中打开HTML文件后，每当手动或自动保存此HTML文件（或任何链接的JavaScript或CSS样式表文件）时，WebStorm都会自动重新加载页面。
可以更改默认行为，在编辑器中输入时实时刷新页面，以便对HTML或相关文件的更改立即显示在浏览器中。

1. 按 Ctrl + Alt + S，打开设置对话框，选择 Tools | Web Browsers and Preview
2. 在“Reload behavior”区域中，分别设置内置浏览器和其他浏览器的刷新时机。

• 选择“On Change”可在保存相应的HTML文件或外链文件时，重新加载页面。
• 选择“On Change”可在更新相应的HTML文件或外链文件时，实时重新加载页面。
• 选择“Disabled”禁用自动刷新。