admin管理员组文章数量:1326516
Since today in the morning I am searching for an add on for chrome or firefox which shows me the border lines(height, width) of page, so that i can test my page by resizing and watching its heights and widths in border lines.
i tried, window resizer
, Web Developer
and a bunch of others.. but they dont show me dynamically the borders of page in pixels during resize.
i hope, i explained it clearly
example:
Since today in the morning I am searching for an add on for chrome or firefox which shows me the border lines(height, width) of page, so that i can test my page by resizing and watching its heights and widths in border lines.
i tried, window resizer
, Web Developer
and a bunch of others.. but they dont show me dynamically the borders of page in pixels during resize.
i hope, i explained it clearly
example:
Share Improve this question edited Aug 25, 2013 at 10:45 doniyor asked Aug 25, 2013 at 10:36 doniyordoniyor 37.9k61 gold badges181 silver badges270 bronze badges 4- 1 You mean like this: dimensionsapp. – Jonathan Commented Aug 25, 2013 at 10:51
- @Jonathan, yes, exactly, but is there any integrated version so that i can see it in every tab i open right inside my normal browser? – doniyor Commented Aug 25, 2013 at 10:53
- You can use ctrl+shift+m on Firefox – psd2htmldepot Commented Aug 25, 2013 at 10:56
- IE devtools have a resize option under the 'Extra' tab. – Jonathan Commented Aug 25, 2013 at 10:57
2 Answers
Reset to default 4In Chrome, there is a "gear" icon to the bottom right of the development tools (right-click on any element, then "Inspect Element") that opens up the general settings. Just check "Show Rulers" in the "Elements" section, then hover on elements in the HTML code in the Elements pane.
In Firefox you can also select "Responsive design view" from the web developer menu. This allows you to resize a page and make it responsive in a much more interactive way.
本文标签:
版权声明:本文标题:javascript - how can i display border height and width in pixel in chrome or firefox to test for responsive webdesign - Stack Ov 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742199389a2431671.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论