Google Chrome检查媒体查询彩条

Question

https://developer.chrome.com/devtools/docs/device-mode上的Google Chrome模拟器文档说明了

  

“要查看媒体查询检查器，请单击视口左上角的媒体查询媒体查询图标图标.DevTools在样式表中检测媒体查询，并在顶部标尺中将其显示为彩色条。”

我点击了图标，发现它处于活动状态。但是，任何地方都没有彩色条纹。

Chrome告诉我，我的版本38.0.2125.122是最新版本。模拟器的其余部分似乎工作正常。记录的彩色条形图非常有用，所以如果有人能够完成或更正Google的说明，我将非常感激。

如果模拟器可以显示外部.css文档的文件名，那将是非常棒的，因为我有一个mediaqueries.css文档，它指向（无论如何是对象）各种.css外部样式表。基于我在“码头”中的“元素”选项卡下看到的内容？ （Google似乎没有窗口的名称），看起来有些测试，例如“Apple iPhone 3GS”或“Apple iPhone 5”等，正在从不同的样式表中挑选样式。我不知道那是可能的。

Answer 1

我相信这是他们所谈论的领域。你应该在模拟器模式下看到这一点。

单击模拟器图标后，它将显示在浏览器视口的顶部（不在开发工具所在的底部。