v1.1.4

sunzsh · sunzsh · commit 2129d77b027c · 2025-06-10T12:58:14.000+08:00
diff --git a/README.md b/README.md
@@ -26,10 +26,22 @@ demo演示：https://fagedongxi.com
 
 ### 二进制方式
 * 下载对应平台的可执行文件，直接执行即可
-* 房间的配置文件应放在应用同级目录，文件名必须是 `room_pwd.json`，具体内容格式参考 `.room_pwd.json`
 * 默认监听 `8081` 端口，可通过参数指定端口，例如 `./internal-chat-linux 8082`
 * 如果你用windows，可参考 https://v.douyin.com/CeiJahpLD/ 注册成服务
 
+## 房间配置
+* 配置文件名：`room_pwd.json`
+* 存放目录：应用同级目录
+* 格式：参考样例 `.room_pwd.json`
+
+## 常见问题：
+在线列表看见对方，但一直处于断开的状态且无法发送消息：
+* 原因一：浏览器不支持WebRTC（目前最新版已经在用户打开后自动检测并加入提示），旧版没有检测功能可以临时用这个进行测试：https://space.coze.cn/s/qDNpw1y7MJw/
+* 原因二：网络环境不支持互相访问，详见：https://v.douyin.com/IPoHlTBzngg/
+  > 解决方案：
+  >  1. 私有部署「发个东西」+「TURN中转服务coturn」
+  >  2. 配置房间增加TURN支持（ `.room_pwd.json` 样例文件中有TURN的配置格式）
+
 ### nginx代理配置样例
 ```
 server
diff --git a/www/favicon.ico b/www/favicon.ico
diff --git a/www/index.html b/www/index.html
@@ -6,8 +6,8 @@
   <title>发个东西 - 局域网文字/文件P2P传输工具</title>
   <meta name="description" content="一个简单易用的局域网文件传输工具，基于WebRTC实现点对点连接，支持文本和文件快速传输，无需中转服务器，安全高效。" />
   <meta name="keywords" content="局域网传输, 点对点传输, 文件分享工具, WebRTC传输, 局域网文件传输, P2P传输工具, 无中转传输" />
-  <script src="./xchatuser.js?v=20"></script>
-  <link rel="stylesheet" href="./style.css?v=20">
+  <script src="./xchatuser.js?v=22"></script>
+  <link rel="stylesheet" href="./style.css?v=22">
 </head>
 <body>
   <div class="dragtip">
@@ -94,6 +94,6 @@ <h3>请输入房间密码</h3>
     </div>
   </div>
 
-  <script src="./index.js?v=20"></script>
+  <script src="./index.js?v=22"></script>
 </body>
 </html>
diff --git a/www/index.js b/www/index.js
@@ -15,6 +15,12 @@ var MD5 = function(d){var r = M(V(Y(X(d),8*d.length)));return r.toLowerCase()};f
 
 // 初始化页面
 function initPage() {
+  // 检测WebRTC支持
+  if (!window.RTCPeerConnection && !window.webkitRTCPeerConnection) {
+    addChatItem('system', '您的浏览器不支持WebRTC，请使用Chrome、Firefox、Safari等现代浏览器访问。');
+    return;
+  }
+
   const roomId = window.location.pathname.split('/')[1];
   if (roomId) {
     // 如果有roomId，显示密码输入框并隐藏主界面
@@ -680,7 +686,7 @@ document.querySelector('.send-btn').addEventListener('click', () => {
 function showNicknameModal() {
   const modal = document.getElementById('nicknameModal');
   const input = document.getElementById('nicknameInput');
-  input.value = currentNickname;
+  input.value = currentNickname.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>');
   modal.style.display = 'block';
   
   // 自动获取焦点
@@ -706,9 +712,10 @@ function closeNicknameModal() {
 
 function saveNickname() {
   const input = document.getElementById('nicknameInput');
-  const nickname = input.value.trim();
+  let nickname = input.value.trim();
   
   if (nickname) {
+    nickname = nickname.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
     currentNickname = nickname;
     document.cookie = `nickname=${encodeURIComponent(nickname)}; path=/; max-age=31536000`; // 保存一年
     
diff --git a/www/style.css b/www/style.css
@@ -1,7 +1,7 @@
 body, html {
   margin: 0;
   padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-family: monospace, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   background-color: #1a1a1a;
   color: #e0e0e0;
   display: flex;
@@ -33,7 +33,7 @@ body.dragover .dragtip h1 {
 }
 pre {
   margin: 0;
-  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+  font-family: monospace, "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
 }
 .left {
   flex: 1;
@@ -368,6 +368,7 @@ pre {
   width: 100%;
   padding: 8px;
   border: 1px solid #363636;
+  box-sizing: border-box;
   background: #2a2a2a;
   color: #e0e0e0;
   border-radius: 4px;
