视口尺寸快速切换书签小工具 - 一键调整浏览器大小
生成一个 Bookmarklet,点击即弹出面板选择预定义设备尺寸,调整当前窗口大小。
UD5工具箱
Chrome/Edge按 Ctrl+Shift+B,Safari按 ⌘+Shift+B,或从浏览器设置中开启书签栏。
将上方紫色按钮直接拖到书签栏上,松开即可。看到"倍速控制器"书签出现即成功。
打开任意含视频的网页,点击书签栏中的小书签,浮动控制面板即刻出现,随心调节倍速!
Bookmarklet(小书签)是一种存储在浏览器书签中的微型JavaScript程序。与普通书签保存网址不同,小书签的"地址"是一段javascript:开头的代码。点击小书签时,浏览器会在当前页面执行这段代码。
安全性:本工具的小书签代码完全开源透明,仅在当前页面注入一个浮动的速度控制面板,不会收集任何数据、不会访问任何外部服务器、不会修改页面内容。所有代码都在您的浏览器本地运行,关闭页面后一切恢复原状。您可以在下方代码展示区查看完整源码。
本小书签控制的是网页中的HTML5 <video>标签。适用场景:
移动端浏览器通常没有书签栏,但您可以通过以下方式使用:
javascript:前缀,需手动补上)。注:iOS Safari和部分安卓浏览器可能会限制地址栏执行JavaScript,体验可能不如桌面端流畅。
默认情况下,HTML5视频加速播放时音调会随之变化(速度越快音调越高)。这是浏览器默认行为。但现代浏览器支持preservesPitch属性:
video.preservesPitch = true(默认),浏览器会尝试使用音调保持算法,在加速时尽量维持原始音调。本小书签不会修改preservesPitch属性,保留浏览器的默认行为。
本小书签支持0.25x 到 16x的播放速度范围。这个范围基于以下考虑:
playbackRate的有效范围通常是0.0625到16,超出范围浏览器会忽略或限制。我们选择0.25x~16x作为兼顾实用性和兼容性的最佳范围。
检测不到视频的常见原因:
<iframe>中,出于安全策略,外部脚本无法访问iframe内的video元素。这是最主要的原因。💡 如果页面有视频但未检测到,可尝试点击面板中的视频源下拉框旁的"刷新"(重新点击小书签)。
删除小书签与删除普通书签完全相同:
小书签本身不修改任何浏览器设置,删除即可彻底移除。
几乎不会。我们的设计非常克制:
localStorage存储偏好设置,占用空间不到200字节。您可以放心在任意网页使用,不会造成任何副作用。
可以。面板中的"视频源"下拉菜单会列出页面中所有检测到的video元素。您可以:
💡 页面中如果有隐藏的视频元素(如预加载的广告视频),也会出现在列表中,请根据编号和文件名辨别。
快进快退功能依赖于视频的可寻址性(seekable):
video.duration为Infinity或不可寻址,快进快退功能受限。只能后退到已缓冲的范围,无法快进到未直播的内容。面板中的快进快退按钮在直播场景下会自动检测,如果无法操作则静默忽略。
上方展示的是格式化源码。实际书签中使用的是压缩版本(去除注释和多余空格),功能完全一致。点击"复制压缩版代码"可获取可直接使用的单行版本。
Chrome / Edge / Firefox / Safari / Opera
支持触摸拖动 / 响应式面板
压缩后约 3.5KB / 纯原生JS
零依赖 / 无网络请求 / 本地运行
生成一个 Bookmarklet,点击即弹出面板选择预定义设备尺寸,调整当前窗口大小。
输入JavaScript代码或网址,生成可直接拖拽到浏览器书签栏的Bookmarklet小书签。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
上传ZIP,列出包含的文件名,支持在线预览文本类文件内容。
将Markdown文档即时渲染并无损导出为PDF文件,支持页面大小和边距设置,纯客户端生成。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
拖拽构建阶段与任务,配置触发条件,生成对应的GitLab CI或GitHub Actions YAML代码。
通过拖拽预置的标题、图片、按钮等模块,生成兼容多数客户端的邮件HTML。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
选择本地视频,拖拽选择起点和终点,直接保存裁剪后的视频片段。
将文本以每次一个单词且强调中心字母的方式高速显示,训练快速阅读。
打开.eml文件,查看发件人、主题、正文与附件列表。
使用Web NFC API向兼容标签写入文本或URL,并验证读取结果。
一次粘贴多个标题,批量转换为对应的小写英文slug,并去重检查。
生成由易读单词和数字组成的密码短语,大小写清晰,避免混淆字符,方便语音传达或抄写。
将IPv6地址的全写与规范简写形式互相转换,显示二进制和每组对应的十六进制。
将HTML代码或富文本内容一键转换为简洁的Markdown格式,适合内容迁移与编辑。
填写作者、年份等信息,一键生成对应格式的参考文献条目,支持导出。
动画展示滑动窗口和令牌桶算法如何限制API请求速率,对比两者差异。
计算文本或文件的BLAKE2b/BLAKE2s哈希值,比MD5更安全,比SHA更快,纯前端JS库实现。
将文本以单个词快速连续呈现,通过调节速度训练速读能力。
连续输入头脑中的杂念,提交后基于关键词自动归类,清空大脑。
定义状态转移规则,在纸带上逐步执行图灵机程序,理解可计算性。
输入两个或多个整数,一键计算它们的最小公倍数,适合学生数学作业与分数通分。
选择单词中字母与放置格子,计算总分,支持双倍/三倍字母词。
设计Sonobe等模块化折纸单元的折叠模式与组装动画,输出折痕图打印。
上传EPUB文件,统计全书总字数、字符数,并估算阅读所需时间。
将多个简单几何形状随机组合,形成抽象标志logo初稿,导出SVG。
计算Whirlpool算法哈希值,输出512位高强度摘要,用于数据完整性校验和密码学实践。
加载测试页面,实时显示Largest Contentful Paint等核心指标,了解加载体验。