littlebot
Published on 2025-04-10 / 0 Visits
0

【源码】基于Web技术的设备真实尺寸展示系统

项目简介

本项目是基于Web技术的在线工具,无需安装额外软件,用户通过网页就能在当前显示器上方便查看其他设备的真实物理尺寸。

项目的主要特性和功能

  1. 精准尺寸展示:依据用户输入的当前显示器对角线长度和缩放比例,精准计算并展示目标设备真实物理尺寸。
  2. 设备选择多样:支持多种设备尺寸展示,适配不同显示器。
  3. 操作便捷:界面简洁,用户可快速上手。
  4. 多方式获取信息:支持通过WinApi自动获取本地显示器Dpi信息,也能手动输入,还会将用户选择和输入保存到HTML5 localStorage。

安装使用步骤

在线使用

可直接通过网页在线使用该工具。

本地使用

  1. 下载本项目到本地。
  2. 运行 start.bat,程序会自动将本机的Dpi写入 myDpi.js 供前端调用。
  3. 若没有Url参数,且 myDpi.js 不存在或参数为 0,程序将提示用户输入当前显示器大小(对角线 - 英寸)和Dpr,若输入错误或不输入,将采用默认值 @24^1(24英寸显示且缩放为100%)。

参数优先级

参数优先级顺序为:Url > WinApi > HTML5 localStorage > UserInput 。

注意事项

  • 每一次选择和输入将会写入 HTML5 localStorage
  • 若在Page中输入Url无效,可能是因为网站设置了禁止iframe打开,可在F12中查看相关错误。
  • 查找当前设备的缩放比例(Dpr):若选择的是 100%,则Dpr为 1,若选择的是 150% 则Dpr为 1.5,以此类推。具体可参考项目中的图片说明。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】