在线指南针 - 利用手机方向传感器
调用设备的磁力计或陀螺仪,显示精确的方位角,模拟真实指南针界面。
UD5工具箱
deviceorientationabsolute事件和iOS的webkitCompassHeading来获取绝对方向数据,确保罗盘指示准确可靠。
调用设备的磁力计或陀螺仪,显示精确的方位角,模拟真实指南针界面。
生成随页面滚动而自动隐藏或显示的顶部导航栏代码,带平滑过渡。
将SSH公钥或任何哈希通过“随机艺术”算法绘制成独特的ASCII图案指纹。
通过绘制隐藏图形并获取像素哈希,展示 Canvas 指纹如何用于跟踪用户,并给出防护建议。
上传包含地址的CSV,调用地理编码服务(需Key或演示)批量转换为经纬度。
将阿拉伯数字精确转换为罗马数字,支持1-3999范围,显示构造逻辑,辅助历史与数学教育。
点击情绪轮盘的外圈细分,了解精准描述心情的词汇。
输入多尺寸图片URL,生成带srcset和sizes的响应式img标签,适配各种屏幕。
输入商品名称、价格、库存和评价,生成 Product 结构化数据,有助于商品搜索展示。
使用零宽字符、HTML实体或组合字符技术将文本混淆,增加自动抓取难度,前端安全无需服务器。
根据 JSON 示例数据生成对应的 Protobuf 消息定义(.proto),字段类型自动映射,支持嵌套。
输入密文,通过字母频率分布建议可能的替换映射,帮助破解简单替换密码。
利用加速度计检测摇晃方向,分配不同的打击乐音效,像打鼓一样演奏。
使用 AmbientLightSensor API 监听光照强度变化,记录日志并绘制时间-照度图。
连接支持 WebUSB 的温度传感器,实时读取并显示温度值,绘制趋势图。
连接蓝牙心率监测器,实时显示心率数据并绘制波形,展示健康设备 Web 接入。
显示加速度计包含重力在内的三维向量,模拟小球在重力方向滚动,展示设备倾斜姿态。
通过交互式问卷确定情况,展示心肺复苏、止血、烧伤等急救步骤图解,点击逐步学习。
读取设备磁力计数据,显示磁场强度与方向,模拟指南针,展示Web Magnetometer API用法。
在触摸区域内滑动,实时检测方向(上/下/左/右)并记录距离和速度,用于交互调试。
使用磁力计显示当前朝向,输入目标坐标计算方位角与距离。
利用环境光传感器读数自动切换网页的亮色/暗色主题,并展示光照强度曲线。
读取LinearAccelerationSensor,检测设备的物理移动和摇动动作,触发特效。
根据设备的GravitySensor数据,让屏幕上的小球实时随手机倾斜方向滚动。
利用AbsoluteOrientationSensor绘制一个匹配设备真实朝向的三维指南针。
根据资源类型和加载场景,推荐使用preload、prefetch还是preconnect标签。
逐步展示线装或胶装书籍的制作过程,模拟折叠、钻孔、缝线步骤。
选择紧急情况(如窒息、心脏骤停),以交互式流程图展示标准急救步骤。
通过手机气压传感器(如有)获取当前气压值,并显示为模拟的指针气压计。
同屏显示加速计、陀螺仪和磁力计的实时数据图表及三维方向模型。