设备内存 (deviceMemory) 检测器 - 前端按需降级
显示navigator.deviceMemory数值,并给出基于内存的代码分割与功能降级建议。
UD5工具箱
检查 localStorage、sessionStorage 及浏览器整体存储的剩余可用空间
数据库数量:--
IndexedDB 配额通常远大于 localStorage,适合存储大量结构化数据。
| 键名 | 大小 | 占比 |
|---|---|---|
| 暂无数据或正在加载... | ||
| 键名 | 大小 | 占比 |
|---|---|---|
| 暂无数据或正在加载... | ||
navigator.storage.estimate() 可获得更准确的估算(需 HTTPS)。
QuotaExceededError 异常。navigator.storage.estimate() 可查看当前源的总体配额和使用情况。navigator.storage.persist() 方法请求持久化存储权限,获得权限后配额会更宽松,且数据更不容易被浏览器自动清理。此外,PWA(渐进式Web应用)安装后通常可获得更大的存储配额。QuotaExceededError 异常;IndexedDB 事务会失败并返回错误;Cache API 的新缓存写入也会失败。浏览器不会自动删除数据,你需要手动清理不需要的存储项,或使用 navigator.storage.estimate() 监控使用情况并及时清理。localStorage.removeItem(key) 逐个删除;③ 或使用 localStorage.clear() 一次性清空(谨慎操作);④ 对于 IndexedDB,使用 indexedDB.deleteDatabase(dbName) 删除整个数据库。清理前建议备份重要数据。显示navigator.deviceMemory数值,并给出基于内存的代码分割与功能降级建议。
枚举当前域下所有Cache Storage,查看条目详情,手动删除缓存,辅助PWA开发调试。
选择缓存策略(Network First, Cache First等),填写预缓存文件列表,生成sw.js文件。
创建多个存储桶,分别设置持久化与配额策略,管理不同业务数据的存储优先级与驱逐顺序。
记录物品名称、数量,执行入库出库操作,自动计算剩余量,数据保存在浏览器。
输入数值,即时在字节、千字节、兆字节等之间转换。
模拟服务器推送资源,展示推送的资源和缓存行为,帮助优化 HTTP/2 策略。
将总小费按照各员工工时或权重比例公平分配,适合餐饮服务行业。
输入文件大小和网络带宽,估算上传或下载所需的时间。
添加计划存放的箱子尺寸,预估所需的最小存储空间或柜号。
输入目标版本和范围表达式(如 ^1.2.3),判断是否匹配,帮助理解依赖解析规则。
输入文件大小和网络速度,计算预计下载时长。
生成指定宽度和高度的占位图片,可选择类别(自然、人物、抽象)和灰度。
监听并自动保存您复制的文本,可随时回溯粘贴,仅本地存储保障隐私。
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
在线文本去重工具,检测并删除重复行,支持保留首次出现或删除全部重复行,快速清理数据。
根据已知带宽或手动输入,估算传输指定大小文件所需时间。
生成固定在页面顶部或底部的滚动进度条,显示当前阅读进度。
输入文件扩展名或MIME类型,查询对应的标准媒体类型,涵盖常见文档、图片、音视频格式。
使用scheduler.postTask API安排不同优先级的任务,并观察执行顺序。
通过交互式问答选择入口、输出、Loaders 和 Plugins,生成 webpack.config.js。
通过下载指定图片或数据包,估算当前网络的下载速度和延迟,纯前端测速。
将相似任务拖动到同一批次,安排连续的专注时段批量处理,减少切换成本。
简单输入合成配方和需求产出,计算需要多少个原料机器和传送带配比。
为图片/iframe列表自动添加loading='lazy'属性及fallback,优化页面性能。
检测并列举所有显示器,将网页窗口精确定位到指定屏幕的特定位置,适合多屏办公场景。
为表单设计全局错误摘要区,当提交出错时自动生成错误链接并聚焦,符合 WCAG 3.3.1。
输入一个数值,快速计算其黄金分割长边和短边,用于版式设计、图形比例参考。
将CSS规则分配到不同@layer,并可视化展示最终生效声明及其来源层级,深入理解级联。
通过下载和上传小文件测量当前网络带宽与延迟,无需 Flash 或插件。