网页暗黑模式JS库
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
Darky.js 是一个面向前端网页的 JavaScript 小型库,核心目标是让开发者快速给页面添加暗色模式切换按钮。按文档示例,只需通过 JSDelivr CDN 或 npm 引入库,实例化 new Darky() 并调用 enable(),即可在页面上启用暗色模式组件。
它的功能集中在网页明暗主题切换:支持 enable() 启用组件、toggle() 手动切换、isEnabled() 判断当前状态,并提供 onChange 回调用于在切换时执行自定义逻辑。配置项覆盖按钮位置、过渡时间、背景色、按钮深浅色、阴影、z-index、图标标签等,也支持 autoMatchOsTheme 跟随系统主题,以及 saveInCookies 保存用户偏好。
接入方式较灵活:可使用 JSDelivr CDN、下载文件自托管,或通过 npm install darkyjs 安装。它更偏原生 JavaScript 工具,抓取文本未显示 React、Vue、Angular 等框架封装,也未说明 TypeScript 类型、浏览器兼容性或插件生态。对于静态站、文档站和个人博客,这种轻依赖形态反而较直接。
文档覆盖了安装、选项、方法、事件、元素忽略规则和更新日志,足以完成基础集成。它还说明默认不转换 img、picture、video,并可通过 darkmode--ignore、CSS isolation 或 mix-blend-mode 处理例外元素。不过文档中出现 onChnge 与 onChange 拼写不一致,且未提供许可证、源码仓库、商业支持和定价信息,因此无法判断开源属性与服务保障。
优点是简单、轻量、可 CDN/NPM/自托管,配置覆盖常见 UI 需求;缺点是能力单一,不适合复杂设计系统或多主题管理,也缺少框架级生态信息。它适合需要快速增加暗色模式的前端开发者、小型站点和内容站。
文档提到 JSDelivr CDN 与 NPM,但未提供中国大陆访问情况。实际使用中可考虑自托管以降低 CDN 可用性风险;替代方案包括 darkmode-js、基于 CSS prefers-color-scheme 的自实现方案,或各前端框架内置主题切换组件。
本测评基于公开资料整理,不构成购买建议,请以 darky.app 官网实际信息为准。
轻量开源前端库,可快速给网站加暗黑模式。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。