---

1. 介紹

有時我們希望看到 ChatGPT 的消息時間，但 ChatGPT 并沒有顯示消息時間的功能。
本項目通過 Tampermonkey 開發(fā)，可以在 Chrome 和 Firefox 等支持 Tampermonkey 插件的瀏覽器上使用，實現(xiàn)顯示 ChatGPT
每一條消息時間的功能。

該插件不但可以獲取歷史消息時間，還可以實時獲取新消息的時間。

提供多種配置選項，例如時間顯示格式、時間顯示位置等。

如果你了解網(wǎng)頁三劍客（HTML、CSS、JavaScript），你完全可以高度自定義時間樣式。

我們將在第三節(jié)介紹如上圖所示的配置以及更多的規(guī)則。

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 或 腳本反饋區(qū) 中提出。

5. 未來計劃

• 國際化：腳本支持多種語言（日志、提示等）。
• 時間格式化細粒度配置面板：優(yōu)化時間格式自定義功能，而不是難以維護的 HTML字符串 表示。
• 時間格式化元素：支持更多的時間格式化元素，例如星期、月份（英文）等。
• 時間格式化規(guī)則：支持更多的時間格式化規(guī)則，例如 12 小時制、24 小時制等。
• 支持分享的界面：支持顯示 https://chat.openai.com/share/uuid 的界面（即分享的聊天界面）的時間。
• 主題網(wǎng)站：提供一個主題網(wǎng)站，展示用戶分享的時間標簽主題。
• 重置腳本：由于會將用戶輸入的內(nèi)容應(yīng)用到本地導(dǎo)致奔潰，提供重置腳本的功能。
• 提供更多的生命周期鉤子函數(shù)和自定義函數(shù)：例如可以自定義時間元素如何解析。

6. 開源協(xié)議

本項目遵循 MIT 開源協(xié)議。

CopyRight ? 2024~Present Jiang Liu

X. Changelog

• v1.3.0 - 2024-05-06 19:48:01
  • 新功能：i18n 國際化支持
  • 新功能：提供重置腳本的功能
  • 新功能：提供適應(yīng)本插件的提示詞來生成 HTML、CSS、JavaScript 代碼
  • 新功能：提供教程入口
  • 新功能：可收起、展開配置面板
  • 優(yōu)化：代碼輸入框支持自定義高度
• v1.2.3 - 2024-05-04 20:04:51
  • 修復(fù)：修復(fù)無法正常運行用戶自定義代碼的問題
  • 優(yōu)化：優(yōu)化即使用戶自定義代碼出錯也不會影響整個腳本的運行
  • 優(yōu)化：將渲染順序調(diào)整為最近的消息優(yōu)先渲染
• v1.2.2 - 2024-05-04 15:24:44
  • 修復(fù)：修復(fù)消息 ID 屬性變化后找不到目標消息 DOM 節(jié)點的問題
• v1.2.1 - 2024-05-04 14:33:12
  • 修復(fù)：ChatGPT 更新域名
• v1.2.0 - 2024-05-03 21:26:43
  • 優(yōu)化：限制每次渲染時間標簽的次數(shù)以及總時長，避免頁面卡頓
  • 優(yōu)化：設(shè)置時間標簽渲染函數(shù)異步執(zhí)行，避免阻塞頁面渲染
  • 優(yōu)化：修改 Fetch 劫持 URL 匹配規(guī)則，更加精確以免干擾其他請求。并在 URL 匹配成功時才進行具體的劫持操作
  • 優(yōu)化：選擇模板時直接顯示時間格式的示例，而不是冰冷的模板HTML字符串
  • 新功能：添加更多時間格式的元素，例如星期、月份（英文）等
  • 新功能：添加更多時間格式化規(guī)則，例如 12 小時制、24 小時制等
  • 新功能：提供自定義樣式的 HTML、CSS、JavaScript 的代碼編輯器與注入系統(tǒng)
  • 新功能：提供創(chuàng)建時間標簽的生命周期鉤子函數(shù) window.beforeCreateTimeTag(messageId, timeTagHTML)
    和 window.afterCreateTimeTag(messageId, timeTagNode)
• v1.1.0 - 2024-05-02 17:50:04
  • 添加更多時間格式的模板