如何用Greasemonkey/Tampermonkey为Omegle添加实时时间戳？

首先明确告诉你：这个需求完全可行！Greasemonkey的核心作用就是让你自定义网页的行为和显示，给Omegle的聊天消息加上时间戳刚好是它擅长的场景。下面我会用最简单的步骤带你完成，哪怕没有JavaScript经验也能跟着做：

第一步：准备工作 #

• 确保你已经安装了Greasemonkey插件（如果还没装，去浏览器的扩展商店搜索安装即可）。
• 打开Omegle网站，点击浏览器右上角的Greasemonkey图标，选择「新建用户脚本」。

第二步：编写脚本的基础配置 #

在弹出的脚本编辑器里，先替换掉默认的元数据（就是开头那些带// @的行），改成下面的内容——这是告诉脚本只在Omegle网站生效：

// ==UserScript==
// @name         Omegle Chat Timestamp
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Adds real-time timestamps to Omegle chat messages
// @match        https://www.omegle.com/*
// @grant        none
// ==/UserScript==

第三步：完善你的时间戳函数 #

你找到的getCurrentTime()函数可以优化一下，让它输出更美观的时间格式（比如HH:mm:ss），把下面的代码加到配置下面：

function getCurrentTime() {
    const now = new Date();
    // 格式化小时、分钟、秒，确保是两位数
    const hours = String(now.getHours()).padStart(2, '0');
    const minutes = String(now.getMinutes()).padStart(2, '0');
    const seconds = String(now.getSeconds()).padStart(2, '0');
    return `[${hours}:${minutes}:${seconds}]`;
}

第四步：监听聊天消息并添加时间戳 #

Omegle的聊天消息是动态加载的，所以我们需要用MutationObserver来监听聊天区域的变化，一旦有新消息出现就自动加上时间戳。把下面的代码接着加进去：

(function() {
    'use strict';

    // 找到Omegle的聊天消息容器
    const chatContainer = document.querySelector('.chatbox');
    
    // 创建一个观察者，监听容器内的变化
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            // 遍历新增的元素，找到聊天消息
            mutation.addedNodes.forEach((node) => {
                if (node.classList?.contains('msg')) {
                    // 给消息前面加上时间戳
                    const timestamp = document.createTextNode(`${getCurrentTime()} `);
                    node.prepend(timestamp);
                }
            });
        });
    });

    // 开始监听聊天容器的变化
    if (chatContainer) {
        observer.observe(chatContainer, { childList: true, subtree: true });
    }
})();

第五步：测试脚本 #

1. 保存脚本（编辑器里的保存按钮）。
2. 刷新Omegle页面，开始聊天后，你就能看到每条消息前面都加上了实时的时间戳啦！

如果遇到问题，可以检查一下：

• 脚本的@match地址是不是正确（确保是https://www.omegle.com/*）
• 聊天容器的类名有没有变化（Omegle偶尔会改页面结构，如果找不到.chatbox，可以用浏览器的「检查元素」功能找到聊天区域的正确选择器）

内容的提问来源于stack exchange，提问作者user445735