首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >matchMedia查询中不符合视图端口的无头浏览器

matchMedia查询中不符合视图端口的无头浏览器
EN

Stack Overflow用户
提问于 2017-08-10 15:43:04
回答 1查看 257关注 0票数 1

我玩phantomJS已经有一段时间了,在使用matchMedia查询来区分设备类型的网站上,我遇到了一些问题。

有一段时间,我认为这是一个幻影问题,但它正在发生在其他无头浏览器,如slimerJS和无头Chrome。

问题是matchMedia查询没有符合HB.上的视图端口。

作为示例,以下步骤再现了这些HB中的问题:

  1. 设置移动视图端口(例如: 736x414)。
  2. 开放https://josebrandao13.github.io/
  3. 拍张截图。

屏幕截图

结果总是:“我是一块平板电脑”。这意味着宽度和高度大于768 not,而不是。

如果你在Chrome或Firefox工具上打开这个网站,并在手机和平板设备之间切换,matchMedia就会像预期的那样运行。此外,如果我打开它在我的手机铬的,一切都好。

无头浏览器和matchMedia是否存在已知的问题?

EN

回答 1

Stack Overflow用户

发布于 2017-08-14 15:18:32

经过一段时间的努力解决这个问题,我找到了一种方法来模拟移动设备的无头Chrome,包括匹配媒体查询。对感兴趣的人:

https://github.com/josebrandao13/headlessChromeMatchMedia

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45618155

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档