联系人选择器测试 - Contacts API演示
调用设备联系人选择界面,获取用户选中的联系人信息(需支持环境)。
UD5工具箱
请配置并启动检测器
| # | 时间 | 用户状态 | 屏幕状态 | 说明 |
|---|---|---|---|---|
| 暂无事件记录,启动检测后将在此显示状态变化 | ||||
detector.stop()方法停止监听。要重新开始检测,只需再次点击"开始检测"按钮即可。如果权限已被撤销(如用户在浏览器设置中禁用了权限),则需要先点击"请求权限"重新获取授权。在模拟模式下,停止和开始操作会清除相关的事件监听器和计时器,完全重置检测状态。日志和统计数据在停止后会被保留,方便您进行分析。
调用设备联系人选择界面,获取用户选中的联系人信息(需支持环境)。
从内置库随机选取主流浏览器的User-Agent字符串,一键复制用于请求头。
输入字符串并使用 URL.canParse() 判断是否为有效 URL,不抛出异常。
粘贴 assetlinks.json 内容,检查是否符合 TWA 打包要求,帮助将 PWA 上架应用商店。
模拟接收包含一次性密码的短信,展示 navigator.credentials.get({otp}) 如何自动提取 OTP 并填入表单。
团队成员在会前用温度计匿名标情绪,汇总显示利于主持人引导。
分解查询参数,高亮可能存在的SQL注入或XSS模式,辅助安全审查。
定义脱敏规则(如手机号中间4位星号,邮箱部分隐藏),对 JSON 或 CSV 数据执行批量掩码。
编写正则表达式并指定替换模式(如 '$1-$2'),实时查看文本替换结果,支持命名捕获组。
使用多个哈希函数和位数组,演示布隆过滤器的添加和查询,计算误判率。
浏览器端实现DES对称加密算法,支持ECB/CBC模式及自定义密钥,安全处理敏感数据,无需上传服务器。
输入长链接,生成一个伴随随机短码的完整离线URL(可自定义域名前缀)。
利用浏览器Crypto API生成密码学安全的随机字节序列及对应的整数和十六进制。
为输入框生成常见格式掩码(如电话、日期、信用卡),输出JS实现代码,规范用户输入。
粘贴多个文件的 import/export 声明,构建模块依赖关系图,直观查看耦合结构。
从任意分布中抽取样本并绘制均值分布直方图,随着样本量增大趋近正态分布。
输入用户名和密码,生成用于基本认证的.htpasswd加密条目。
创建 ArrayBuffer,用不同 TypedArray 视图读写,观察字节布局和大小端差异。
以节点图展示链表的插入、删除、反转等操作,直观理解指针变化。
设定储蓄目标金额,每次记录存入金额,环形图显示完成百分比,激励达成财务目标。
嵌套的彩色方块,点击内层观察事件传播顺序,直观理解addEventListener的第三个参数。
输入已完成工作量和耗时,计算剩余工作量预计需要的完成时间。
模板化记录团队成员昨日完成、今日计划与阻塞项,支持导出Markdown便于分享。
生成临时密钥对,演示非对称加解密短消息的过程。
输入Base32密钥手动生成6位动态验证码,兼容Google Authenticator,前端算法实现不联网。
逐步演示OAuth2授权码、隐式及密码模式交互流程,帮助理解重定向、Token交换与刷新机制。
演示元素进入视口时触发懒加载和曝光埋点,并展示当前可见比例。
选择文件夹并上传,保留相对路径,以树形结构展示所有文件并读取内容。
演示如何用Intersection Observer实现滚动到底部自动加载内容的经典模式。
记录收入,强制分配到储蓄、消费与分享三个虚拟罐中,培养财商。