【ChatGPT with Date】使用 ChatGPT 时显示消息时间的插件

目录

• 1. 介绍
• 2. 使用方法
  • 2.1 安装 Tampermonkey
  • 2.2 安装脚本
  • 2.3 使用
• 3. 详细文档指引
• 4. 反馈
• 5. 未来计划
• 6. 开源协议
• X. Changelog

ChatGPT 消息时间

1. 介绍

有时我们希望看到 ChatGPT 的消息时间，但 ChatGPT 并没有显示消息时间的功能。
本项目通过 Tampermonkey 开发，可以在 Chrome 和 Firefox 等支持 Tampermonkey 插件的浏览器上使用，实现显示 ChatGPT
每一条消息时间的功能。

该插件不但可以获取历史消息时间，还可以实时获取新消息的时间。

提供多种配置选项，例如时间显示格式、时间显示位置等。

如果你了解网页三剑客（HTML、CSS、JavaScript），你完全可以高度自定义时间样式。

我们将在第三节介绍如上图所示的配置以及更多的规则。

2. 使用方法

2.1 安装 Tampermonkey

可查看 Tampermonkey 首页 查看详细的使用方法。

2.2 安装脚本

访问链接: Greasy Fork - ChatGPT with Date
，点击 安装此脚本 安装脚本。

2.3 使用

首次使用请允许跨源资源共享（CORS）请求，本项目将请求 Vue.js 和 NaiveUI 的资源，以便生成配置面板。

打开 ChatGPT 页面，即可看到消息时间。你可以在此处打开配置面板。

3. 详细文档指引

• 国际用户请访问文档：https://jiang-taibai.github.io/chatgpt-with-date/
• 中国用户请访问文档：https://doc.coderjiang.com/project/chatgpt-with-date/

4. 反馈

如果你有任何问题或建议，欢迎在 GitHub Issues 或 脚本反馈区 中提出。

5. 未来计划

• 国际化：脚本支持多种语言（日志、提示等）。
• 时间格式化细粒度配置面板：优化时间格式自定义功能，而不是难以维护的 HTML字符串 表示。
• 时间格式化元素：支持更多的时间格式化元素，例如星期、月份（英文）等。
• 时间格式化规则：支持更多的时间格式化规则，例如 12 小时制、24 小时制等。
• 支持分享的界面：支持显示 https://chat.openai.com/share/uuid 的界面（即分享的聊天界面）的时间。
• 主题网站：提供一个主题网站，展示用户分享的时间标签主题。
• 重置脚本：由于会将用户输入的内容应用到本地导致奔溃，提供重置脚本的功能。
• 提供更多的生命周期钩子函数和自定义函数：例如可以自定义时间元素如何解析。

6. 开源协议

本项目遵循 MIT 开源协议。

CopyRight © 2024~Present Jiang Liu

X. Changelog

• v1.3.0 - 2024-05-06 19:48:01
  • 新功能：i18n 国际化支持
  • 新功能：提供重置脚本的功能
  • 新功能：提供适应本插件的提示词来生成 HTML、CSS、JavaScript 代码
  • 新功能：提供教程入口
  • 新功能：可收起、展开配置面板
  • 优化：代码输入框支持自定义高度
• v1.2.3 - 2024-05-04 20:04:51
  • 修复：修复无法正常运行用户自定义代码的问题
  • 优化：优化即使用户自定义代码出错也不会影响整个脚本的运行
  • 优化：将渲染顺序调整为最近的消息优先渲染
• v1.2.2 - 2024-05-04 15:24:44
  • 修复：修复消息 ID 属性变化后找不到目标消息 DOM 节点的问题
• v1.2.1 - 2024-05-04 14:33:12
  • 修复：ChatGPT 更新域名
• v1.2.0 - 2024-05-03 21:26:43
  • 优化：限制每次渲染时间标签的次数以及总时长，避免页面卡顿
  • 优化：设置时间标签渲染函数异步执行，避免阻塞页面渲染
  • 优化：修改 Fetch 劫持 URL 匹配规则，更加精确以免干扰其他请求。并在 URL 匹配成功时才进行具体的劫持操作
  • 优化：选择模板时直接显示时间格式的示例，而不是冰冷的模板HTML字符串
  • 新功能：添加更多时间格式的元素，例如星期、月份（英文）等
  • 新功能：添加更多时间格式化规则，例如 12 小时制、24 小时制等
  • 新功能：提供自定义样式的 HTML、CSS、JavaScript 的代码编辑器与注入系统
  • 新功能：提供创建时间标签的生命周期钩子函数 window.beforeCreateTimeTag(messageId, timeTagHTML)
    和 window.afterCreateTimeTag(messageId, timeTagNode)
• v1.1.0 - 2024-05-02 17:50:04
  • 添加更多时间格式的模板
  • 优化：选择模板时直接显示时间格式的示例，而不是冰冷的模板HTML字符串
  • 新功能：添加更多时间格式的元素，例如星期、月份（英文）等
  • 新功能：添加更多时间格式化规则，例如 12 小时制、24 小时制等
  • 新功能：提供自定义样式的 HTML、CSS、JavaScript 的代码编辑器与注入系统
  • 新功能：提供创建时间标签的生命周期钩子函数 window.beforeCreateTimeTag(messageId, timeTagHTML)
    和 window.afterCreateTimeTag(messageId, timeTagNode)
• v1.1.0 - 2024-05-02 17:50:04
  • 添加更多时间格式的模板