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

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任务栏不会合并图标

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
使用 Hugo 构建
主题 StackJimmy 设计