IDEA右上角浏览器预览的使用方式和使用原理

一、IDEA右上角浏览器预览的原理

IDEA在html或jsp页面点击右上角浏览器进行预览时，IDEA会启动一个内置的服务器来发布整个项目。所以会有启动的端口和项目名称。

二、自定义浏览器

File -> Settings -> Tools -> Web Browsers，点击右侧上方+号，然后对新增的一行进行编辑。首先修改新增的浏览器Name，然后选择一个Family。

这里的Family只有5种，如果没有自己想添加的浏览器的Family，那么就选择一种相近或者类似的，比如我添加360极速浏览器就可以选择Chrome。

最后填写浏览器的路径，可以去文件夹中寻找，比如我的360极速浏览器的路径是D:\Program Files (x86)\360Chrome\Chrome\Application\360chrome.exe。

前面的复选框勾上代表会在html和jsp的右上角展示，所以不常用的可以把勾去掉。

三、发布项目名称

发布后的项目名称为工程名称+模块名称。

当工程名称和模块名称相同时，发布后的项目名称就是工程名称或模块名称。

修改工程名称：File -> Project Structure -> Project，右侧面板的Project name即为工程名称，可任意修改。

修改模块名称：右击项目 -> Refactor -> Rename -> Rename Module可修改模块名称；或者单击项目 -> 使用Shif+F6快捷键 -> Rename Module也可修改模块名称。

四、发布项目端口

File -> Settings -> Build,Execution,Deployment -> Debugger，右侧面板有Built-in server模块，这里的Port配置即为内置服务器发布后的端口，可任意修改除80外的端口。

除此之外，IDEA还有一个隐藏的默认不可修改端口63342，这个默认的隐藏端口可以代替配置的端口进行访问。