# edge-chrome 创建一个webapp应用，codeserver获得和vscode一样的客户端体验 以及进阶技巧

# 使用方法很简单

首先 edge（chrome应该也适用） 打开 coderserver ，点edge的菜单 应用 创建应用 即可。可以放到桌面 任务栏

# 如何在不同的窗口同时打开多个项目

edge 对同一个url地址 只能创建一个应用。

code Server url参数 打开指定的工作区或者文件夹

这可以在浏览器打开多个，然后点击 edge菜单栏的应用，在coder-server 中打开即可

# 任务栏区分

# 使用不同的域名访问可以实现 任务栏区分开

简单说 就是

使用nginx反代coderserver之后（为什么要反代，因为nginx更容易配置ssl 泛域名之类的 证书续签之类的功能） nginx绑定 域名是 类似 *.codeserver.leiyanhui.com 这样的地址

然后 我们把 下面地址创建到网页应用

1
2
3
4
5

1.codeserver.leiyanhui.com
2.codeserver.leiyanhui.com
# 也可以这样
codeserver1.leiyanhui.com
codeserver2.leiyanhui.com

# 任务栏图标修改

win11 下修改很简单，在edge创建到桌面快捷方式，然后在 取消任务栏图标 关闭窗口。右键桌面图标 修改图标，选择一个 包含图标的dll exe 或者ico文件即可

比如

1
2
3

%SystemRoot%\System32\SHELL32.dll
%ProgramFiles(x86)%\Microsoft\Edge\Application\msedge.exe
C:\Windows\explorer.exe

# 打开不同文件夹

使用不同的codeserver的启动配置文件，可以实现， 也可以用二级域名反代的方法，略微麻烦

如果只有2-3个项目的 上述方法 都可以 只是略微麻烦一下。能单独装一个 浏览器 隐藏地址栏更靠谱一些

# 启动参数的尝试

下面是chrome的 edge应该也加你同

–kiosk 无法退出的全屏 –start-fullscreen 可以退出 –app=http://www.leiyanhui.com 以app模式打开 –start-maximized，启动时自动最大化窗口。

新建一个快捷方法

“C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe” –app=https://code.jia.leiyanhui.com:10043/?folder=/www/wwwroot/Sites/leiyanhui.com/hao123 –start-fullscreen

然后修改图标

不过这样会导致 地址栏图标无效

–app= 使用不同的域 win11任务栏不会合并图标