chatgpt.jsChatGPT 的强大客户端 JavaScript 库

联合创作 · 2023-09-22 01:17

chatgpt.js 是一个功能强大的 JavaScript 库,可轻松与 ChatGPT DOM 进行交互。

  • 功能丰富
  • 面向对象
  • 易于使用
  • 轻量级(但性能最优)

导入库

ES6:

(async () => {
    await import('https://code.chatgptjs.org/chatgpt-latest.min.js');    
    // 这里是你的代码
})();

ES5:

var xhr = new XMLHttpRequest()
xhr.open('GET', 'https://code.chatgptjs.org/chatgpt-latest.min.js')
xhr.onload = function() {
    if (xhr.status === 200) {
        var chatgptJS = document.createElement('script')
        chatgptJS.textContent = xhr.responseText
        document.head.appendChild(chatgptJS)
        yourCode() // 运行你的代码
    }
}
xhr.send()

function yourCode() {
    // 这里是你的代码
}

Greasemonkey:

笔记 使用入门模板: kudoai/chatgpt.js-greasemonkey-starter

诸如 Greasy Fork 之类的用户脚本存储库维护着预先批准的 CDN 的白名单(例如来自 cdn.jsdelivr.net 的特定于提交的引用),因此导入 URL 相当长以保持对这些站点的可发布性:

...
// @require https://cdn.jsdelivr.net/gh/kudoai/chatgpt.js@24a755998291094d0cd3b2bd395dff7c6756bbf9/dist/chatgpt-1.12.0.min.js
// ==/UserScript==

// 这里是你的代码

如果你不打算发布到这些存储库,则可以使用更简单的 https://code.chatgptjs.org/chatgpt-latest.min.js 来导入最新的缩小版本。

Chrome:

笔记 使用入门模板: kudoai/chatgpt.js-chrome-starter

由于 Google 最终将逐步淘汰 Manifest V2,远程代码将不再被允许,因此在本地导入 chatgpt.js 是理想的:

  1.  https://raw.githubusercontent.com/kudoai/chatgpt.js/main/chatgpt.js 保存到子目录 (本例中为 lib)

  2. 将 ES6 导出语句添加到 lib/chatgpt.js 的末尾

...
export { chatgpt }
  1. 在项目的 (V3) manifest.json 中,添加 lib/chatgpt.js 作为 Web 可访问资源
    "web_accessible_resources": [{
        "matches": ["<all_urls>"],
        "resources": ["lib/chatgpt.js"]
    }],
  1. 在需要 chatgpt.js (前景/背景相似) 的脚本中, 像这样导入它:
(async () => {
    const { chatgpt } = await import(chrome.runtime.getURL('lib/chatgpt.js'));
    // 这里是你的代码
})();

用法

chatgpt.js 的编写考虑到了超级灵活性。

例如:

chatgpt.getLastResponse()
chatgpt.getLastReply()
chatgpt.response.getLast()
chatgpt.get('reply', 'last')
每个调用都会同样获取最后一个回应。如果您认为它有效,那么它可能就是有效的……所以只需输入它!(谁有时间看文档?)

如果它不起作用,只需提交 issue  PR,它将被集成,简单易行!

浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报