视口尺寸快速切换书签小工具 - 一键调整浏览器大小
生成一个 Bookmarklet,点击即弹出面板选择预定义设备尺寸,调整当前窗口大小。
UD5工具箱
将 JavaScript 代码一键转换为浏览器书签小程序,支持双向转换、实时预览
javascript: 协议开头的浏览器书签。它不像普通书签那样指向一个网址,而是执行一段 JavaScript 代码。点击书签栏中的 Bookmarklet,就能在当前浏览的页面上运行预设的脚本,实现各种实用功能——比如提取页面信息、修改页面样式、快速翻译等。Bookmarklet 体积小、无需安装、跨浏览器通用,是轻量级浏览器增强的经典方式。
javascript: 前缀)。
| 特性 | Bookmarklet | 浏览器扩展 |
|---|---|---|
| 安装方式 | 拖拽/复制书签 | 通过扩展商店安装 |
| 体积 | 极小(几百字节) | 较大(几百KB~几MB) |
| 权限 | 仅在点击时运行于当前页面 | 可申请后台运行、跨站点等权限 |
| 自动运行 | ❌ 需手动点击 | ✅ 可自动触发 |
| 跨浏览器 | ✅ 几乎所有浏览器通用 | 需适配不同浏览器 |
| 更新 | 手动替换 | 自动更新 |
javascript: 协议执行。<a href="javascript:...">拖我到书签栏</a> 的链接,用户可直接拖拽安装。生成一个 Bookmarklet,点击即弹出面板选择预定义设备尺寸,调整当前窗口大小。
生成一个小书签,点击后可控制任何网页视频的播放速度。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
设计Sonobe等模块化折纸单元的折叠模式与组装动画,输出折痕图打印。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
上传合并的精灵图,设定行数和列数,自动裁切为单独的小图并打包下载。
打开.eml文件,查看发件人、主题、正文与附件列表。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
上传EPUB文件,统计全书总字数、字符数,并估算阅读所需时间。
配置弹窗标题、内容、按钮和动画效果,一键生成干净的自定义模态框HTML/CSS代码。
使用Web NFC API向兼容标签写入文本或URL,并验证读取结果。
构建无需JavaScript的多层级下拉菜单,提供HTML结构和CSS样式代码。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
将深度嵌套的JSON对象转化为用点号或括号分隔的单层键值对,便于数据清洗。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
上传ZIP,列出包含的文件名,支持在线预览文本类文件内容。
选择网站类型与收集数据项,生成基础隐私政策HTML文本,符合主流法规框架。
使用现代浏览器文件系统访问API打开、编辑并保存本地文件,演示权限流程。
解析诸如 `application/json; charset=utf-8` 的结构,分离类型、子类型与参数。
填写作者、年份等信息,一键生成对应格式的参考文献条目,支持导出。
将多个简单几何形状随机组合,形成抽象标志logo初稿,导出SVG。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
将Markdown文档即时渲染并无损导出为PDF文件,支持页面大小和边距设置,纯客户端生成。
一次粘贴多个标题,批量转换为对应的小写英文slug,并去重检查。
选择不同的 list-style-type(disc, decimal, lower-roman 等)并实时查看列表样式渲染效果。
选择本地视频,拖拽选择起点和终点,直接保存裁剪后的视频片段。
建立带压缩扩展的 WebSocket 连接,对比压缩前后消息大小。
无需JavaScript,构建纯HTML5折叠面板,添加自定义图标与动画样式,输出语义化代码。
上传包含问题和答案的CSV文件,一键生成复习闪卡集,支持按熟悉度分类。
选择图标形状,输入文字,调整颜色和布局,快速生成简易SVG格式Logo。