add MOD: Add hostname to title

README.md

@@ -43,6 +43,7 @@ In addition, you can access the files in the `/DATA/AppData/casamod/icon` direct
 
 | Name | Description | Author |
 | ---- | ----------- | ------ |
+| add-hostname-to-title | Add hostname to title ➕ | Cp0204 |
 | small-app-icon | Smaller app icons 🤏 | Cp0204 |
 | allow-modify-image | Allow modify image settings ✏️ | Cp0204 |
 | add-widget-quotable | Add Quotable widget 💬 | Cp0204 |

README_CN.md

@@ -42,6 +42,7 @@
 
 | 名称 | 功能描述 | 作者 |
 | --- | -------- | ---- |
+| add-hostname-to-title | 添加主机名到网页标题 ➕ | Cp0204 |
 | small-app-icon | 更小的应用图标 🤏 | Cp0204 |
 | allow-modify-image | 允许编辑镜像设置 ✏️ | Cp0204 |
 | add-widget-quotable | 增加一言小部件 💬 | Cp0204 |

app/mod/add-hostname-to-title/mod.js

@@ -0,0 +1,27 @@
+// name: add-hostname-to-title
+// author: Cp0204
+// date: 2024-05-01
+// description: 添加访问地址到网页标题，用以区分多个主机；因为没有后端获取主机名，所以默认用访问地址；你也可以直接修改本 js 用自定义字符串。
+// description: Add the access address to the page title to differentiate between multiple hosts; since there is no backend to get the hostname, the default is the access address; you can also modify this js directly to use a custom string.
+
+(function () {
+    // 自定义字符
+    // Custom Strings
+    let additionalTitle = "";
+
+    const currentTitle = document.title;
+    const hostname = window.location.hostname;
+    const port = window.location.port;
+
+    if (additionalTitle == "") {
+        if (hostname) {
+            additionalTitle += hostname;
+            if (port) {
+                additionalTitle += ":" + port;
+            }
+        }
+    }
+    if (additionalTitle != "") {
+        document.title = currentTitle + " - " + additionalTitle;
+    }
+})();