Question

webstorm如何添加预览浏览器

如图，右上角只有5个浏览器能让你预览，请问如何在webstrom中能让更多的浏览器让你预览

Answer 1

  1：File>Setting>tools>web browsers如图所示：

2：可以看到webstrom原生的有默认的几个浏览器。如果安装了也可以直接在运行界面的右上角直接点击，或者按alt+f2出现选择框再点击。

3：在File>Setting>tools>web browsers这个界面可以看到在path路径这里点击左键出现如图，输入自己想要的浏览器的运行文件的路径就可以了。最后不要忘了点击OK结束设置。

Answer 2

首先，我们打开自己的WebStrom软件，打开项目，找到任意一个.html的文件。

我们选中某个html文件，然后右击，在弹出的菜单中有一项是“run ***.html”，

点击之后，我们电脑上默认的浏览器就会自动打开这个页面，并且该页面有配置好的服务器。

刚才提示“run ***.html”的文字后面括号内有（Ctrl+Shift+F10），这个是快捷键，我们可以在选中html文件后，同时按住键盘上的这三个键来在浏览器中打开页面。

以上都是没有编辑html文件，只是在目录中时的操作，当我们在WebStorm中打开了html文件后，还有另一种快捷操作方式。

WebStorm软件的右上角有一个显示当前文件名称的部分，后面紧挨着的一个绿色三角形，点击绿色三角就可以在浏览器中显示页面，或者按下提示的Shift+F10快捷键。

还有一个更直观的方法，我们将鼠标悬停到文件编辑区域的右上角，会浮现出几个主流浏览器的图标，有些我们电脑上并没有安装，只要随意点击电脑上已经安装的浏览器，就会在相应的浏览器中展现相应的html页面。