我玩phantomJS已经有一段时间了,在使用matchMedia查询来区分设备类型的网站上,我遇到了一些问题。
有一段时间,我认为这是一个幻影问题,但它正在发生在其他无头浏览器,如slimerJS和无头Chrome。
问题是matchMedia查询没有符合HB.上的视图端口。
作为示例,以下步骤再现了这些HB中的问题:
结果总是:“我是一块平板电脑”。这意味着宽度和高度大于768 not,而不是。
如果你在Chrome或Firefox工具上打开这个网站,并在手机和平板设备之间切换,matchMedia就会像预期的那样运行。此外,如果我打开它在我的手机铬的,一切都好。
无头浏览器和matchMedia是否存在已知的问题?
发布于 2017-08-14 15:18:32
经过一段时间的努力解决这个问题,我找到了一种方法来模拟移动设备的无头Chrome,包括匹配媒体查询。对感兴趣的人:
https://stackoverflow.com/questions/45618155
复制相似问题