Browser toolbar · viewport probe

工具栏回弹测试台

页面足够长,向下滚动后顶部地址栏 / 工具栏会收起。每个测试用一种弹窗写法(CSS / JS 组合),用来定位哪一种会让工具栏重新弹出。

  1. 真机浏览器里打开本页(Chrome/Safari)。模拟器和桌面 DevTools 一般复现不出地址栏收起。
  2. 向下滚动,盯住右上角读数,直到状态显示 TOOLBAR: hidden
  3. 点击当前这一屏底部的测试按钮,观察读数是否变矮、弹窗里的判定结果。
  4. 每个用例之间会有一段空白,方便你重新滚动让工具栏收起后再测下一个。
  5. 右下角「结果」可汇总所有用例,红色=工具栏疑似回弹。

测试结果

红色=视口变矮,工具栏疑似回弹;绿色=无明显变化;橙色=视口变高或键盘相关。

还没有结果,点页面里的测试按钮开始。