javascript - 显示当前屏幕尺寸 - 响应式设计工具

Question

与所有前端开发人员一样，我目前正在进行大量响应式设计开发。

我很想知道的一件事是当前屏幕的确切尺寸。

Chrome 有它: https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

如何使用 Firefox 显示当前屏幕大小？

Answer 1

这是一个非常古老但值得一提的问题。

Firefox 现在有“Responsive Design Mode”，这是我在任何浏览器上看到的最好的响应测试。

快捷方式是 Cntrl+Shift+M，您可以在美妙的移动 View 中完全控制屏幕大小，同时仍然能够打开开发工具。

更新 - Chrome 工具

这个答案已经有一段时间了，因为 Firefox 的移动开发工具没有改变整个交易，Google Chromes 已经改变了很多，而且如此太棒了，不分享给那些还没有使用过它的人似乎很愚蠢。

点击 F12 然后这将打开，然后点击小移动图标以调出移动开发工具:

这将打开如下所示的移动开发工具

从这里您可以更改各种内容，但可以在具有预定义设备和自动为您设置的用户代理的设备之间轻松更改。

除此之外，您还可以更改一些东西，例如触摸、地理位置等