ChatGPT模型调用计数器”记录并显示你在ChatGPT上调用各模型的次数。
目前為
// ==UserScript==
// @name ChatGPT模型调用计数器
// @namespace http://tampermonkey.net/
// @version 1.4
// @description ChatGPT模型调用计数器”记录并显示你在ChatGPT上调用各模型的次数。
// @author 狐狸的狐狸画
// @match https://chatgpt.com/*
// @grant none
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// 模型名称到图标的映射
const modelIcons = {
'gpt-4o': `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M19.92.897a.447.447 0 0 0-.89-.001c-.12 1.051-.433 1.773-.922 2.262-.49.49-1.21.801-2.262.923a.447.447 0 0 0 0 .888c1.035.117 1.772.43 2.274.922.499.49.817 1.21.91 2.251a.447.447 0 0 0 .89 0c.09-1.024.407-1.76.91-2.263.502-.502 1.238-.82 2.261-.908a.447.447 0 0 0 .001-.891c-1.04-.093-1.76-.411-2.25-.91-.493-.502-.806-1.24-.923-2.273ZM11.993 3.82a1.15 1.15 0 0 0-2.285-.002c-.312 2.704-1.115 4.559-2.373 5.817-1.258 1.258-3.113 2.06-5.817 2.373a1.15 1.15 0 0 0 .003 2.285c2.658.3 4.555 1.104 5.845 2.37 1.283 1.26 2.1 3.112 2.338 5.789a1.15 1.15 0 0 0 2.292-.003c.227-2.631 1.045-4.525 2.336-5.817 1.292-1.291 3.186-2.109 5.817-2.336a1.15 1.15 0 0 0 .003-2.291c-2.677-.238-4.529-1.056-5.789-2.34-1.266-1.29-2.07-3.186-2.37-5.844Z"></path></svg>`,
'gpt-4': `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12.001 1.75c.496 0 .913.373.969.866.306 2.705 1.126 4.66 2.44 6 1.31 1.333 3.223 2.17 5.95 2.412a.976.976 0 0 1-.002 1.945c-2.682.232-4.637 1.067-5.977 2.408-1.34 1.34-2.176 3.295-2.408 5.977a.976.976 0 0 1-1.945.002c-.243-2.727-1.08-4.64-2.412-5.95-1.34-1.314-3.295-2.134-6-2.44a.976.976 0 0 1-.002-1.94c2.75-.317 4.665-1.137 5.972-2.444 1.307-1.307 2.127-3.221 2.444-5.972a.976.976 0 0 1 .971-.864Z"></path></svg>`,
'text-davinci-002-render-sha': `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.566 2.11c1.003-1.188 2.93-.252 2.615 1.271L14.227 8h5.697c1.276 0 1.97 1.492 1.146 2.467L11.434 21.89c-1.003 1.19-2.93.253-2.615-1.27L9.772 16H4.076c-1.276 0-1.97-1.492-1.147-2.467L12.565 2.11Z" clip-rule="evenodd"></path></svg>`,
};
// 重写全局的fetch函数以监听请求
const originalFetch = window.fetch;
window.fetch = function(url, options) {
if (url.includes("/backend-api/conversation") && options && options.method === "POST") {
try {
const body = JSON.parse(options.body);
if (body.model) {
updateModelCount(body.model);
}
} catch (e) {
console.error('解析请求体失败:', e);
}
}
return originalFetch.apply(this, arguments);
};
// 更新模型调用次数
function updateModelCount(model) {
const modelCountKey = 'model_counts';
const counts = JSON.parse(localStorage.getItem(modelCountKey) || '{}');
counts[model] = (counts[model] || 0) + 1;
localStorage.setItem(modelCountKey, JSON.stringify(counts));
displayCounts();
}
// 在页面上显示调用次数
function displayCounts() {
const modelCountKey = 'model_counts';
const counts = JSON.parse(localStorage.getItem(modelCountKey) || '{}');
let displayText = '';
for (let model in counts) {
const icon = modelIcons[model] || '❓'; // 默认图标
displayText += `<div style="display: flex; align-items: center; margin-right: 10px;">${icon} ${counts[model]}</div>`;
}
let displayDiv = document.getElementById('model-count-display');
if (!displayDiv) {
displayDiv = document.createElement('div');
displayDiv.id = 'model-count-display';
Object.assign(displayDiv.style, {
display: 'flex',
position: 'fixed',
top: '5px',
left: '450px',
backgroundColor: 'rgba(0,0,0,0)',
color: 'rgba(66,66,66,1)',
padding: '10px',
borderRadius: '5px',
zIndex: '1000',
fontSize: '14px',
fontWeight: 'bold',
});
document.body.appendChild(displayDiv);
}
displayDiv.innerHTML = displayText;
}
// 函数:监控DOM变化
function monitorDOM() {
// 目标节点为整个文档主体
const targetNode = document.body;
// 监控配置:监控子节点的变化及其子树
const config = { childList: true, subtree: true };
// 回调函数:在观察到变化时执行
const callback = function(mutationsList, observer) {
console.log("检测到DOM变化"); // 调试日志
for (const mutation of mutationsList) {
if (mutation.type === 'childList') {
// 检查新增的节点是否包含目标文本
const addedNodes = mutation.addedNodes;
for (const node of addedNodes) {
if (node.nodeType === Node.ELEMENT_NODE) {
const span = node.querySelector('span');
if (span && span.textContent.includes('添加 Team 工作空间')) {
console.log("找到目标文本的<span>"); // 调试日志
const aTag = span.closest('a');
if (aTag && !aTag.previousElementSibling?.classList.contains('inserted-button')) {
console.log("找到父级<a>标签并插入统计面板"); // 调试日志
insertDisplayPanel(aTag);
}
}
}
}
}
}
};
// 创建一个观察者实例并传入回调函数
const observer = new MutationObserver(callback);
// 观察目标节点的配置变化
observer.observe(targetNode, config);
}
// 函数:在指定的a标签前插入统计面板
function insertDisplayPanel(aTag) {
let displayDiv = document.getElementById('model-count-display');
if (displayDiv && !aTag.parentNode.contains(displayDiv)) {
aTag.parentNode.insertBefore(displayDiv, aTag);
console.log("统计面板插入成功"); // 调试日志
}
}
// 处理窗口大小变化事件
function handleResize() {
const displayDiv = document.getElementById('model-count-display');
if (displayDiv) {
document.body.appendChild(displayDiv);
}
}
// 添加窗口大小变化事件监听
window.addEventListener('resize', handleResize);
// 页面加载时显示统计数据并开始监控DOM
displayCounts();
monitorDOM();
})();