浏览器抓取网页(有三种方法能够确定浏览器窗口的尺寸(浏览器的视口))

优采云 发布时间: 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实现子窗口与父窗口之间元素、方法、窗口的相互获取》

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线