多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 配置浏览器 在这个页面中: * [将浏览器安装与PhpStorm集成](#将浏览器安装与PhpStorm集成) * [选择默认的PhpStorm浏览器](#选择默认的PhpStorm浏览器) ## <span id='将浏览器安装与PhpStorm集成'>将浏览器安装与PhpStorm集成</span> 为了能够从PhpStorm启动一个Web浏览器,你需要集成安装PhpStorm的浏览器,激活或取消激活从PhpStorm运行Web浏览器,指定启动浏览器通过运行浏览器的可执行文件或通过系统默认命令启动。 PhpStorm附带一个预定义的列表关于最流行的浏览器,你可以安装和使用。被预先添加到列表的项目不基于实际安装的浏览器信息。PhpStorm假设你根据标准程序安装浏览器。基于这样的假设,预定义列表中的每个浏览器被分配一个别名代表其可执行文件,就像PhpStorm猜想的。如果你实际安装浏览器的可执行文件路径不同,你需要按如下所述显示指定: 除了预定义浏览器之外,你可以使用工具栏上的控件来配置许多自定义的浏览器安装。要创建一个可以从PhpStorm启动的Web浏览器列表: 1. 打开[设置参数对话框](/参考/设置参数对话框/README.md)通过按`Ctrl+Alt+S`或选择**File | Settings**(Win/\*NIX)或**PhpStorm | Preferences**(OS X),然后在**Tools**中点击**Web Browsers** 2. 打开的[Web浏览器](/参考/设置参数对话框/工具/Web浏览器.md)页面显示预定义的浏览器列表,可能扩展了以前配置的自定义浏览器安装。每个浏览器作为单独的行显示。每行中的字段显示浏览器的名称,浏览器所属的系列以及浏览器的可执行文件的路径或代表此路径的预定义别名。 * 要激活实际安装的浏览器,请选中其名称旁边的**Active**复选框。浏览器将被添加到**Open in Browse**菜单项上下文菜单中,其图标将显示在**Browsers**弹出工具栏中。 如果浏览器是根据标准安装过程安装的,则很可能**Path**字段中显示的别名指向可执行文件的正确位置。要明确指定路径,在**Path**字段单击![浏览](http://image.jellychen.cn/uploads/2016/10/browseButton.png),然后在打开的对话框中选择可执行文件的实际位置。 * 要配置自定义浏览器安装,请单击工具栏上的![新增](http://image.jellychen.cn/uploads/2016/11/new.png)按钮。在添加到列表的新行中,指定浏览器名称,系列和其可执行文件的路径。 * 要更改列表中浏览器的顺序,请使用![向上箭头](http://image.jellychen.cn/uploads/2016/11/arrowUp.png)和![向下箭头](http://image.jellychen.cn/uploads/2016/11/arrowDown.png)按钮。列表中浏览器的顺序会影响**Open in Browse**菜单项的上下文菜单中的显示顺序。 * 要为**Firefox**或**Chrome**系列的浏览器指定自定义配置文件,请选择相关浏览器,然后点击工具栏上的![修改](http://image.jellychen.cn/uploads/2016/11/editFlexLibraryNew.png)。根据所选浏览器的系列,将打开**Firefox Settings**或**Chrome Settings**对话框。 * 对于**Firefox**,指定所需`profiles.ini`文件的路径,并从下拉列表中选择要使用的配置文件。更多详情参考[Firefox浏览器配置文件](http://support.mozilla.com/en-US/kb/Profiles)。 * 对于**Chrome**,选择**Use custom profile directory**并复选框并指定储存用户配置文件的`chrome-user-data`目录的位置。更多关于**Chrome**配置文件的信息参考[Multi-profiles](https://www.chromium.org/user-experience/multi-profiles)。 * 要使用其他选项启动Chrome系列的浏览器,点击工具栏上的![修改](http://image.jellychen.cn/uploads/2016/11/editFlexLibraryNew.png)图标并在打开的**Chrome Settings**对话框的**Command Line Options**文本框中输入所需的键。在**Chrome**中打开`chrome://flags`了解关于Chrome命令行选项的更多内容。 * 要从列表中移除浏览器,选中该浏览器并在工具栏上点击![删除](http://image.jellychen.cn/uploads/2016/11/delete.png)。注意,只能删除自定义的浏览器。 ## <span id='选择默认的PhpStorm浏览器'>选择默认的PhpStorm浏览器</span> 当您想在浏览器中预览应用程序输出通过在主菜单上选择**View | Open in Browser**或在文件的上下文菜单中选择**Open in Browser**,您需要选择浏览器以打开预览。您可以从上下文菜单中使用特定的浏览器或选择**Default Browser**。告诉PhpStorm你想要默认使用哪个浏览器。这个浏览器称为**PhpStorm default browser**。 PhpStorm还打开**PhpStorm default browser**来呈现外部资源。 1. 打开[设置参数对话框](/参考/设置参数对话框/README.md)通过按`Ctrl+Alt+S`或选择**File | Settings**(Win/\*NIX)或**PhpStorm | Preferences**(OS X),然后在**Tools**中点击**Web Browsers**,[Web浏览器](/参考/设置参数对话框/工具/Web浏览器.md)页面打开了。 2. 从**Default Browser**下拉列表中,选择默认预览页面的浏览器。 * 要使用默认操作系统浏览器,请选择**System default**。 * 要使用列表顶部浏览器,请选择**First listed**。使用工具栏上的![向上箭头](http://image.jellychen.cn/uploads/2016/11/arrowUp.png)和![向下箭头](http://image.jellychen.cn/uploads/2016/11/arrowDown.png)图标更改浏览器的顺序。 * 要使用其他浏览器作为默认值,请选择**Custom path**并指定所需浏览器的可执行文件的位置。手动输入路径,或者如果需要,使用浏览按钮![浏览](http://image.jellychen.cn/uploads/2016/10/browseButton.png)。 3. 指定启动浏览器的方式 * 要使启用的浏览器的弹出窗口出现在HTML文件中,选中**Show browser popup in the editor**复选框。 * 如果**Show browser popup in the editor**复选框被清除选中,则只能通过主菜单的**View | Open in Browser**命令或在文件的上下文菜单中**Open in Browser**命令来预览HTML文件。 # 另请参阅: 规程: * [配置项目和IDE设置](/如何使用/常规指南/配置项目和IDE设置/README.md) 参考: * [Web浏览器](/参考/设置参数对话框/工具/Web浏览器.md)