子比主题扩展评论区用户信息显示的功能，此功能主要用于在评论区展示用户的设备信息以及浏览器版本，同时码小淘这里美化了一下相关显示的效果，有喜欢的朋友自行部署吧！

码小淘原创出品，搬运请留版权谢谢

演示效果

美化插件版

1. 设备类型识别
2. 系统识别
   • 识别 Windows、Android、iOS、macOS、鸿蒙 OS 等主流系统
   • 微信 / QQ 环境下，能通过设备特征反推系统，避免 “未知系统” 问题
3. 浏览器 + 完整版本号识别
   • 支持 Chrome、Edge、Firefox、Safari、微信内置浏览器、QQ 内置浏览器、QQ 浏览器
   • 提取完整版本号（如Chrome 121.0.6167.184、微信内置浏览器 7.0.26.5015）
   • 兼容主版本号（如Chrome 121）和完整版本号，确保稳定显示

1. 标签式美化显示
   • 设备信息以圆角浅灰标签呈现，和子比原生地区标签样式统一
   • 标签内文字居中，适配深色 / 浅色主题，不突兀
2. 精准布局控制
   • 仅在评论时间 + 地区右侧显示，不占用额外空间
   • 用户名旁无任何冗余信息，保持界面简洁
   • 移动端自动换行，避免标签挤在一起

1. 前后端双保障
   • 前端 JS：提取详细设备信息，适配提交按钮和快捷键提交
   • 后端 PHP：服务器端兜底解析 UA，确保前端失效时仍有数据
   • 数据库直查：绕过 WordPress 缓存，确保读取最新设备信息
2. 微信 / QQ 深度适配
   • 优先识别微信 / QQ 内置浏览器，避免被误判为 Chrome/Safari
   • 从 UA 中提取隐藏的系统信息，解决 “未知系统” 问题
   • 适配微信 / QQ 的缓存机制，确保信息实时更新
3. 全场景兼容
   • 支持普通浏览器、微信 / QQ 内置浏览器、小程序等所有访问场景
   • 适配子比主题的所有版本，不冲突原有功能

示例：

• 电脑端 Chrome：电脑端 · Windows · Chrome 121.0.6167.184
• 微信内置浏览器：移动端 · Android · 微信内置浏览器 8.0.68.3020
• QQ 内置浏览器：移动端 · Android · QQ内置浏览器 9.0.1.2345
• 苹果 Safari：移动端 · iOS · Safari 17.2

代码部署

/* 评论设备信息标签样式优化 - 码小淘 www.maxiaotao.com 搬运请留下版权 */
.comt-meta .badg.bg-gray-100 {
    background-color: #f5f7fa !important;
    color: #666 !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-left: 4px !important;
}
@media (max-width: 768px) {
    .comt-meta {
        flex-wrap: wrap !important;
    }
    .comt-meta .badg {
        margin-bottom: 3px !important;
    }
}