实时检测浏览器视口尺寸，同时显示屏幕分辨率、DPR 和响应式断点
前端开发调试工具，专门检测浏览器当前视口的宽高尺寸。解决响应式布局开发时，需要快速确认当前断点的需求。
读取浏览器原生 `window.innerWidth`/`innerHeight` 获取视口尺寸，读取 `screen` 对象获取屏幕分辨率，读取 `devicePixelRatio` 获取DPR数值。
结论：不同工具统计口径不同。本工具取浏览器原生可显示内容区域的尺寸，不包含地址栏、侧边栏，和官方定义的视口口径一致。
结论：当前版本暂不支持自定义。默认提供 Bootstrap 常用的 5 个断点，满足常规开发调试需求。
结论：这是浏览器的正常行为。页面缩放会改变 devicePixelRatio 的值，缩放比例和DPR数值成正比。
结论：本工具只能检测当前工具页面所在的视口。无法跨域读取嵌入在 iframe 内其他页面的视口数据。