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

标签 javascript css firefox responsive-design browser-plugin

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

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

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

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

最佳答案

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

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

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

enter image description here

更新 - Chrome 工具

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

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

How to Enable Mobile Dev Tools on Chrome

这将打开如下所示的移动开发工具 Such lovelyness it hurts

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

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

关于javascript - 显示当前屏幕尺寸 - 响应式设计工具,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13793469/

相关文章:

css - FireFox 中的 iframe 不遵守 z-index

css - 使 <hr> 标签在 IE6 中不可见?

javascript - 为什么动态表不显示边框

java - GWT Internet Explorer 缓存 AJAX 响应

javascript - 与 'getElementsByClassName' + 基准相比,jQuery 中的类选择器出奇地慢

javascript - 在 javascript getDocumentReady 之前检测浏览器自动填充

python-2.7 - 尝试通过 Selenium 和 Python 使用 GeckoDriver Firefox 登录 Gmail 帐户时出现 “This browser or app may not be secure” 错误

javascript - 如何使用 Jquery 将自动智能感知添加到文本框

Javascript:删除span标签中最后出现的逗号

javascript - 如何对多个数字文本框值求和?