How Big Is My Browser? 打开网页显示目前的浏览器可见範围尺寸

因为工作需求我时常需要对萤幕进行撷图，撷取浏览器、应用程序视窗画面，透过 SizeUp 工具可快速调整视窗大小（SizeUp 不是免费软件，Spectacle 是功能类似的免费替代方案），不过很难得知实际浏览器显示解析度，如果是开发者或设计师想调整页面，可能需要设定一个确切的显示范围进行更精准测试，接下来要介绍的小工具可以满足类似需求。

本文要介绍「How Big Is My Browser?」是一个免费的在线工具，只要打开网页、就会在页面显示你目前的浏览器可见范围尺寸，拖曳视窗边框调整大小，网页的计算工具会即时更新数值，使用者就能依照需求将浏览器调整到特定的宽度、高度，以像素做为单位。

除了在电脑浏览器使用，在手机、平板电脑以浏览器打开「How Big Is My Browser?」一样可以测得行动装置浏览器的显示范围大小，需要的朋友不妨加入书籤。

How Big Is My Browser?
http://howbigismybrowser.com/

使用教程

STEP 1

开启「How Big Is My Browser?」网站后上方和左侧会出现标尺，中间会显示浏览器可视范围的宽度和高度像素大小。

STEP 2

依照提示拖曳右下角视窗边缘调整浏览器尺寸，中间的宽度高度数值会即时变化。

STEP 3

无论是在横式或直式的浏览器显示范围都能正常计算大小，不过如果视窗太小就会出现调整装置方向或将浏览器放大的提示讯息。

STEP 4

前面有提到「How Big Is My Browser?」网站也可在手机的浏览器使用，当透过不同的行动装置浏览器开启时会看到可视范围略有差异，如果想测试浏览器的尺寸大小只要打开网站即可显示，非常方便。

值得一试的三个理由：

1. 打开「How Big Is My Browser?」会显示浏览器可视范围尺寸像素
2. 拖曳视窗边缘调整大小，网页显示的宽度高度会即时更新
3. 也可以在手机、平板电脑等行动装置使用