Phantomjs 无头浏览器在matchMedia查询中不支持查看端口

我使用phantomJS已经有一段时间了，在使用matchMedia查询来区分设备类型的网站中使用它时遇到了问题

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

问题在于matchMedia查询不支持HB上的查看端口。

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

设置移动查看端口（例如：736x414）

打开

截图

结果总是：“我是一个平板电脑”。这意味着宽度和高度大于768px，而不是

如果您在Chrome或Firefox开发工具上打开此网站，并在手机和平板电脑设备之间切换，matchMedia将按预期运行。另外，如果我在手机上打开它，chrome的一切都很好

---

无头浏览器和matchMedia是否存在任何已知问题？

经过一段时间的努力，我找到了一种方法来模拟带有无头Chrome的移动设备，包括match media查询。 有兴趣的人士：