键盘布局检测器 - 识别物理按键映射
通过按下键位记录code和key值,推断当前键盘布局(如QWERTY、AZERTY)。
UD5工具箱
基于 IndexedDB 的轻量级键值对存储 · 类似 IDB-Keyval
| 键名 | 值 | 类型 | 操作 |
|---|---|---|---|
|
还没有任何数据 添加你的第一个键值对吧 ✨ |
|||
set(key, value) 和 get(key) 即可完成操作。本工具模拟了 IDB-Keyval 的核心功能。
QuotaExceededError 错误。建议定期清理无用数据,本工具提供导出功能便于备份。
{"key1":"value1","key2":"value2"},方便手动编辑和迁移。
npm install idb-keyvalimport { set, get } from 'idb-keyval';await set('hello', 'world');const val = await get('hello'); // 'world'通过按下键位记录code和key值,推断当前键盘布局(如QWERTY、AZERTY)。
设计带有大标题、描述、CTA 按钮和背景图的首屏区域,生成完整代码。
粘贴自定义图标字体的Unicode,调节尺寸颜色立即查看效果。
输入一个 Snowflake 格式的数字 ID,解析出生成时间戳、数据中心、机器编号和序列号。
生成带有动画的点赞/点踩或表情反馈组件,包含选中状态和计数。
精选数百种流行渐变配色,点击即复制CSS代码,用于网页或应用背景。
生成形似iOS或Android的开关切换按钮,支持动画和自定义颜色。
输入网址,提取页面定义的所有CSS自定义属性(颜色),生成直观调色板。
配置启动画面背景色与图标,生成对应manifest和meta标签代码。
选择简约图标库,搭配字体与颜色,导出PNG简易Logo。
内置多种轻短的通知声音,点击试听,选择配套项目使用(提供Base64代码)。
输入最小/最大字体大小和视口范围,生成精确的 clamp() 值及回退方案。
上传GIF并自动水平平铺提取各帧,生成对应的CSS精灵图定位代码。
输入代表情绪的关键词,自动匹配配色方案和字体样式,生成情绪板卡片。
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
设置总页数与当前页,生成数字式或省略式分页导航条。
配置字体、颜色、背景,生成可粘贴到浏览器控制台的%c格式化日志代码。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
展示多种子弹笔记的周计划、月计划、习惯追踪排版,供手帐爱好者参考。
利用 `:target` 伪类创建无需JavaScript的弹窗组件,支持关闭按钮和遮罩层。
通过调整深色背景与前景色的对比度,生成符合无障碍标准的深色主题色彩方案。
输入一组快捷键,检测在主流操作系统和浏览器中是否已被系统或软件占用。
记录并区分pointerdown等事件,显示指针类型、压力、倾斜角度等,调试统一输入。
编写O与对应KR,可视化进度条与完成度,团队或个人目标跟踪的轻量替代。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
粘贴代码自动进行语法高亮显示,支持主流编程语言,生成带行号的HTML代码块,方便嵌入博客。
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。
对简单混淆的JS进行格式化,并尝试将短变量名替换为更具描述性的名称,提高可读性。
对比启用和不启用 content-visibility: auto 时页面大量列表的渲染性能差异。
实时显示touchstart/move/end事件的所有属性:坐标、力度、半径与角度,辅助手势开发。