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