javascript（JS）获得电脑、手机屏幕的DPI

最新推荐文章于 2024-07-23 16:33:08 发布

方方|灿歌

最新推荐文章于 2024-07-23 16:33:08 发布

阅读量3.6k

点赞数 2

分类专栏： JavaScript 文章标签： JavaScript DPI 屏幕分辨率 matchMedia 设备像素比

本文链接：https://blog.csdn.net/weixin_46721670/article/details/122318585

版权

JavaScript 专栏收录该内容

19 篇文章 3 订阅

订阅专栏

javascript获得屏幕的DPI
有两种办法获取屏幕的DPI

export function getDPI() {
  const div = document.createElement('div')
  div.style.cssText = 'height: 1in; left: -100%; position: absolute; top: -100%; width: 1in;'
  document.body.appendChild(div)
  const devicePixelRatio = window.devicePixelRatio || 1,
    dpi = div.offsetWidth * devicePixelRatio;
  console.log('dpi_x, dpi_y', dpi);
  return dpi
}

function findFirstPositive (f,b=1,d=(e,g,c)=>g<e?-1:0<f(c=e+g>>>1)?c==e||0>=f(c-1)?c:d(e,c-1):d(c+1,g)) {
  for (;0>=f(b);b<<=1);return d(b>>>1,b)|0
}

var dpi = findFirstPositive(x => matchMedia(`(max-resolution: ${x}dpi)`).matches)

console.log(dpi)