首页
/ ChatGPT.js v3.8.0 发布:增强选择器与交互体验优化

ChatGPT.js v3.8.0 发布:增强选择器与交互体验优化

2025-06-24 18:15:14作者:廉皓灿Ida

ChatGPT.js 是一个功能强大的 JavaScript 库,专门为与 ChatGPT 网页界面交互而设计。它提供了一系列实用工具和方法,使开发者能够轻松扩展和定制 ChatGPT 的用户体验。最新发布的 v3.8.0 版本带来了多项重要更新和改进,主要集中在选择器增强、交互优化和代码精简等方面。

新增功能与选择器增强

本次更新引入了多个新的选择器,显著提升了库的功能覆盖范围:

  1. 错误提示选择器:新增了 chatgpt.selectors.errors.toast 选择器,用于更精确地定位和操作错误提示信息。

  2. 功能按钮选择器:添加了多个新按钮选择器,包括:

    • chatgpt.selectors.btns.createImage(创建图片按钮)
    • chatgpt.selectors.btns.deepResearch(深度研究按钮)
    • chatgpt.selectors.btns.search(搜索按钮)
    • chatgpt.selectors.btns.reason(推理按钮)
    • chatgpt.selectors.btns.upload(上传按钮)
  3. 页脚选择器扩展:对 chatgpt.selectors.footer 进行了功能扩展,提供了更全面的页脚元素控制能力。

移动端兼容性改进

开发团队特别关注了移动端用户体验,对多个选择器进行了优化:

  • 更新了 chatgpt.selectors.sidebar 选择器,确保在移动设备上能够正常工作
  • 改进了 chatgpt.selectors.btns.newChat 选择器,使其在移动端也能准确识别"新建聊天"按钮
  • 调整了页眉、侧边栏等关键区域的选择器,提升跨平台一致性

性能优化与代码精简

v3.8.0 版本在性能方面做了多项改进:

  1. 选择器性能提升:通过增加选择器的特异性,减少了 DOM 查询时间,提高了整体性能。

  2. 代码精简

    • 简化了 toCamelCase() 方法的实现
    • 优化了 chatgpt.notify() 中的垂直偏移量初始化逻辑
    • 重构了返回流程和元素替换逻辑,使代码更加简洁高效
  3. 样式检测优化:重构了 chatgpt.isDarkMode()chatgpt.isLightMode() 方法,使其实现更加一致和可靠。

交互体验增强

  1. 拖拽功能改进:调整了 chatgpt.alert() 中的拖拽处理程序,将抓取光标样式应用到 document.body 上,解决了元素超出模态框边界时的点击问题。

  2. 历史记录选择器更新:优化了 chatgpt.selectors.chatHistory 选择器,提供更准确的历史会话访问能力。

  3. 对话容器选择器改进:更新了 chatgpt.selectors.chatDivs.convo 选择器,确保能正确识别对话容器。

依赖项更新

项目维护了最新的开发工具链,更新了多个关键依赖项:

  • 升级了 minify.js 和 scss-to-css 等构建工具
  • 更新了 ESLint 及相关插件至最新版本
  • 升级了 Prism 代码高亮库

这些更新不仅带来了性能提升,还确保了开发工具链的安全性和现代性。

ChatGPT.js v3.8.0 通过这些改进,为开发者提供了更强大、更稳定的工具集,无论是构建 ChatGPT 相关的浏览器扩展、用户脚本,还是开发定制化界面,都能获得更好的开发体验和最终用户体验。

登录后查看全文
热门项目推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
191
2.15 K
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
9
1
金融AI编程实战金融AI编程实战
为非计算机科班出身 (例如财经类高校金融学院) 同学量身定制,新手友好,让学生以亲身实践开源开发的方式,学会使用计算机自动化自己的科研/创新工作。案例以量化投资为主线,涉及 Bash、Python、SQL、BI、AI 等全技术栈,培养面向未来的数智化人才 (如数据工程师、数据分析师、数据科学家、数据决策者、量化投资人)。
Python
78
72
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
968
572
ops-mathops-math
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
547
76
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
349
1.35 K
giteagitea
喝着茶写代码!最易用的自托管一站式代码托管平台,包含Git托管,代码审查,团队协作,软件包和CI/CD。
Go
17
0
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
205
284
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
60
17