浏览器抓取网页(有三种方法能够确定浏览器窗口的尺寸(浏览器的视口))
优采云 发布时间: 2021-11-01 15:05浏览器抓取网页(有三种方法能够确定浏览器窗口的尺寸(浏览器的视口))
确定浏览器窗口(浏览器的视口,不包括工具栏和滚动条)大小的方法有三种。
对于 Internet Explorer、Chrome、Firefox、Opera 和 Safari:
当浏览器窗口缩小或放大时,1、2、5、6 的值会相应增加或减少;而 3、4 将保持不变。改变。
使用e.clientX获取当前可视区域的横坐标;使用e.pageX获取整个页面当前元素的横坐标。
注意:使用 element.getBoundingClientRect();获取元素的宽度、高度和位置信息
使用 window.screen.height 和 window.screen.width 来获取计算机的分辨率。该值不会随着浏览器窗口而改变。
实用的 JavaScript 解决方案(涵盖所有浏览器):
示例
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
以上是通过js获取的屏幕高宽,也可以使用jQuery获取,如下:
$(window).width()==window.innerWidth
$(window).height()==window.innerHeight
同时也可以使用jQuery获取DOM(文档对象模型)的高宽如下:
$(document).width()
$(document).height()
父子窗口之间的调用可以看我的博客-《通过js或jQuery实现子窗口与父窗口之间元素、方法、窗口的相互获取》