LocalStorage查看器 - 浏览器存储键值探查
实时查看当前域名下所有localStorage键值对,支持编辑、删除和导出,前端调试利器。
UD5工具箱
← 选择一个 Bucket 查看详情
管理存储策略和文件文件可通过公开URL直接访问,无需认证。适合存储头像、公共图片、CDN资源等。
需要签名URL或认证令牌才能访问文件。适合存储用户文档、敏感数据、内部资源等。
avatars 的 Bucket 可以设置为 Public(允许公开访问头像图片),而 invoices Bucket 设置为 Private(仅认证用户可下载发票PDF)。两者物理存储机制相同,但访问控制策略不同。
| 特性 | Public Bucket | Private Bucket |
|---|---|---|
| URL路径 | /public/bucket-name/... | /authenticated/bucket-name/... |
| 访问方式 | 直接URL访问,无需认证 | 需要签名Token或认证Header |
| 签名URL过期 | 不适用 | 可设置过期时间(如60秒后失效) |
| 适用场景 | CDN资源、公共图片、静态网站素材 | 用户私有文件、敏感文档、付费内容 |
| 安全性 | 低(URL可被分享) | 高(需签名验证) |
const { data } = await supabase
.storage
.from('private-docs')
.createSignedUrl('file.pdf', 60) // 60秒过期
console.log(data.signedUrl)
public 属性即可。avatars、documents、backups),而不是全部混在一个Bucket中。实时查看当前域名下所有localStorage键值对,支持编辑、删除和导出,前端调试利器。
对localStorage和IndexedDB的读写操作进行计时,比较两者性能差异。
设置资源计时缓冲区大小,监听 resourcetimingbufferfull 事件并处理。
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
对一个耗时函数应用记忆化,展示相同输入下第二次调用速度的提升和缓存命中。
调整滚动容器和子项的对齐方式、停止点,观察CSS Scroll Snap平滑滑动效果。
拖拽改变容器宽度,观察使用container-type和@container规则的元素如何自适应样式。
输入进程列表,同时对比先来先服务、短作业优先和轮转调度算法的甘特图和平均等待时间。
通过PerformanceObserver获取首次绘制(FP)和首次内容绘制(FCP)时间。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
粘贴JWT,自动Base64解码并显示明文Header和Payload。
使用现代浏览器文件系统访问API打开、编辑并保存本地文件,演示权限流程。
输入 HTML,模拟浏览器的预加载扫描器,列出将提前请求的资源。
添加进程(到达时间、运行时间),并行动画演示先来先服务、短作业优先、轮转等调度算法的执行。
导入 Postman Collection JSON 文件,按顺序执行请求并显示响应,模拟简单的自动化测试。
输入文本或拖入文件,生成 Blob URL 并在新标签页预览或触发下载,理解对象 URL 机制。
使用CompressionStream和DecompressionStream对文本进行实时的gzip或brotli压缩与解压。
展示 navigator.connection 提供的有效连接类型(4g/3g/2g)、下行速度和往返时间。
输入后缀表达式或简单指令,逐步演示栈的压入弹出计算过程。
根据资源类型和加载场景,推荐使用preload、prefetch还是preconnect标签。
拖放小图片或文本文件,转换为可嵌入HTML/CSS的Data URI,设置MIME类型。
输入长 URL,通过 TinyURL 或类似 API 生成短链接,并可复制或生成 QR 码。
显示当前网页的Referrer-Policy设置,并模拟不同策略下的Referer发送情况。
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
输入同一数据源的两种 API 响应,并排展示结构差异,理解两种风格的数据组织。
将上传的小文件或文本转换为可直接嵌入HTML/CSS的data: URI格式。
输入第三方域名,生成<link rel='preconnect'>或dns-prefetch等资源提示标签。
选择卡片、列表或表格布局,生成对应的灰色闪烁骨架屏HTML/CSS代码。
粘贴以data:开头的链接,自动判断MIME类型并预览内容,或提供下载按钮。
粘贴代码片段,通过模式匹配查找可能泄露的 AWS、Google 等 API 密钥和令牌。