VoceChat-自托管开源轻量的IM聊天社区应用

有趣，谁有兴趣可以搭一个玩玩

@卷心菜，我在用手机，看不到js有没有报错。私聊也没有发言框。

@老虎会游泳，我手机上直接打开白屏了
https://www.chengyao.xyz

@PIUIFU，
Agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Mobile Safari/537.36

2700x1228

@PIUIFU，Mozilla/5.0 (Linux; U; Android 12; zh-cn; Mi 10 Build/SKQ1.211006.001) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/89.0.4389.116 Mobile Safari/537.36 XiaoMi/MiuiBrowser/16.0.22 swan-mibrowser

2340 * 1080
https://www.chengyao.xyz

体验了一下，好玩！用插件玩

网页插件：Chat Web App：

<script>
// 自定义要打开的页面。
V2_OPEN_WEB_URL = "https://chat.chengyao.xyz"; 
// 自定义插件名称。
V2_OPEN_WEB_PLUGIN_NAME = "Chat"; 
// 自定义弹出层表头。
V2_OPEN_WEB_TABLE_NAME = "Chat Web App"; 
// 自定义弹出层的窗体大小，参数支持数组（单位支持像素、百分比）和空字符串（即默认值'auto'）
V2_OPEN_WEB_WINDOW_SIZE = ['100%','100%']; 
// 限定宽度，低于限定宽度，没有弹出层，而是在屏幕中间提示信息。（默认值0）
V2_OPEN_WEB_MIN_WINDOW_WIDTH = 0; 
// 自定义提示信息。
V2_OPEN_WEB_MSG = "Chat Web App"; 
</script>
<link rel="stylesheet" href="api.webplug-file/15953_public_resources/open_web_style.css" />
<script src="api.webplug-file/15953_public_resources/v2_open_web.js"></script>

@TabKey9，能改成自动检测窗口宽度吗？默认的888太高了，手机只能开到300（因为手机给的px不是真的像素，而是dpi缩放后的虚拟像素）。

@TabKey9，或者设为百分比，比如80%，然后如果觉得在电脑上太宽，可以用css max-width限制最大宽度。

@PIUIFU，把宽度888改成200手机才能出来

@PIUIFU，反馈一个前端问题，创建频道页面的用户列表200px挤不下，但其实右侧还有很多空白。

还有我才注意到这个挂件是没有滚动条的，如果界面溢出了就直接被裁剪了。

最好还是要有滚动条，因为不能假设用户的屏幕比例。实际上任何比例都有可能出现，比如用户处于上下分屏模式等。

能适配每种布局无需滚动当然更好。但是滚动条是为了保证在不适配的情况下界面依然还能使用。

证书限制

包括我看不到聊天频道的发言按钮，应该也是没有滚动条导致的问题，发言按钮可能在下面被裁掉了，因为Chrome显示了巨大的标题栏。而因为没有滚动条，我没有机会滚动到下面，标题栏就没有机会隐藏。

@老虎会游泳，@PIUIFU，可以试试这样设置，宽100%，高100%，限制宽度改成0就取消限制了，因为if判断实际宽度，如果小于你传的宽度，则return；

V2_OPEN_WEB_WINDOW_SIZE = ['100%','100%']; 
V2_OPEN_WEB_MIN_WINDOW_WIDTH = 0; 

12楼那里我已经改过来了