大窗口尺寸的无头Chrome渲染@media样式

时间:2018-09-18 15:06:40

标签: css google-chrome selenium-webdriver google-chrome-headless

我正在编写一些python硒测试,涉及将鼠标悬停在元素上,然后按预期检查背景颜色样式。我正在使用无头Chrome浏览器来运行测试,因为我还正在抓取屏幕截图以进行比较测试。我运行测试的窗口大小是1920x2700。

我注意到其中一项悬停测试失败,因此我打开了无头的devtools进行调查,并发现它呈现的是@media样式(适用于移动设备)而不是台式机的标准样式。

我注意到,当我在devtools中运行无头Chrome时使用“检查元素”按钮时,它呈现的效果就像是台式机一样(即它不再使用@media样式)!

这是无头Chrome的固有限制,还是我可以传入的Chrome参数会迫使其呈现桌面样式? (不幸的是,无法从元素中删除@media样式,因为这些样式是从外部库中提取的。)

任何帮助表示赞赏:)

0 个答案:

没有答案