JS判断显示器分辨率

<script   LANGUAGE="VBScript">  
  function   myscreen  
  If   screen.width="800"   and   screen.height="600"   Then  
    alert   "你的显示器的分辨率是:"&screen.width&"*"&screen.height  
  ElseIf   screen.width="1024"   and   screen.height="768"   Then  
    alert   "你的显示器的分辨率是:"&screen.width&"*"&screen.height  
  Else   alert   "你的显示器的分辨率是:"&screen.width&"*"&screen.height  
  End   If  
  end   function  
  </script>  
  <input   type=button   onclick="myscreen()"   value="Check">回复4:如何判断当前显示器的分辨率是1024*768还是800*600的嗄!!
<script   languale="javascript">  
  if   (screen.width==1024)  
  {  
    alert("你的显示器的分辨率是1024*768");  
  }  
  if   (screen.width==800)  
  {  
    alert("你的显示器的分辨率是800*600");  
  }  
  </script>

转载于:https://www.cnblogs.com/cosiray/archive/2009/08/22/1551940.html

<think>好的,我需要帮助用户用JavaScript检测当前电脑的屏幕分辨率。首先,我得回忆一下JavaScript中与屏幕相关的API。通常,浏览器提供了window.screen对象,里面可能包含有关屏幕的信息。 我记得screen对象有width和height属性,分别表示屏幕的宽度和高度,单位是像素。例如,screen.width返回屏幕的宽度,screen.height返回高度。不过,用户可能需要的是当前窗口的分辨率,还是整个屏幕的分辨率?这里需要明确一下。用户的问题是关于“屏幕分辨率”,通常指的是整个显示器分辨率,所以应该使用screen.width和screen.height。 另外,有时候用户可能混淆了屏幕分辨率和视口大小。视口大小可以通过window.innerWidth和window.innerHeight获取,但那是浏览器窗口的可见区域,不是屏幕分辨率。所以需要区分清楚。 接下来,我需要验证这些属性在不同浏览器中的兼容性。根据MDN文档,screen.width和screen.height是广泛支持的,包括现代浏览器和旧版本。所以这个方法应该是可靠的。 然后,考虑如何编写代码示例。用户可能需要一个简单的代码片段,直接在控制台运行或者嵌入到网页中。例如: console.log(`屏幕分辨率:${screen.width}x${screen.height}`); 此外,是否需要考虑设备像素比?比如在高DPI屏幕上,实际分辨率可能与CSS像素不同。但用户的问题可能只需要物理分辨率,所以暂时不需要涉及devicePixelRatio。 最后,是否需要提供检测变化的代码?比如当窗口大小改变时更新分辨率。不过屏幕分辨率通常不会动态变化,所以可能不需要。但视口大小会变,这时候可以补充说明两者的区别。 总结步骤: 1. 使用screen.width和screen.height获取屏幕分辨率。 2. 提供代码示例。 3. 区分屏幕分辨率和视口大小。 4. 确保兼容性说明。</think>要使用JavaScript检测当前电脑的屏幕分辨率,可以通过`screen`对象的`width`和`height`属性实现: ```javascript // 获取屏幕分辨率 const screenWidth = screen.width; const screenHeight = screen.height; console.log(`屏幕分辨率: ${screenWidth}×${screenHeight}`); ``` ### 关键点说明 1. **`screen`对象** 浏览器内置的`screen`对象直接提供屏幕物理分辨率信息,单位为像素[^1]。例如,4K屏幕可能返回`3840×2160`。 2. **与视口大小的区别** 若需获取浏览器窗口内可用区域大小(视口),应使用`window.innerWidth`和`window.innerHeight`: ```javascript console.log(`视口大小: ${window.innerWidth}×${window.innerHeight}`); ``` ### 扩展场景 - **响应式设计适配**:可通过`window.matchMedia()`检测分辨率变化并动态调整布局 - **高DPI屏幕处理**:使用`window.devicePixelRatio`获取设备像素比,优化高分辨率显示效果
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值