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

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

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

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

使用教学

STEP 1

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

STEP 2

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

STEP 3

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

STEP 4

前面有提到「How Big Is My Browser?」網站也可在手機的瀏覽器使用，當透過不同的行動裝置瀏覽器開啟時會看到可視範圍略有差異，如果想測試瀏覽器的尺寸大小只要打開網站即可顯示，非常方便。

值得一试的三个理由：

打开「How Big Is My Browser?」 会显示浏览器可视范围尺寸像素

拖曳窗口边缘调整大小，网页显示的宽度高度会实时更新

也可以在手机、平板电脑等移动设备使用