Back to Details

browser-validate-ui

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
llynt detecting horizontal overflow
llynt检测水平溢出

llynt

llynt

Browser Validate UI

浏览器UI验证

  • UI integrity checks for your PR pipeline.
  • Measures what the browser shows users, not just what the code says.
  • 为你的PR流水线提供UI完整性检查。
  • 检测浏览器实际展示给用户的内容，而非仅检查代码层面的信息。

Usage

使用方法

bash
npx llynt check <url>
No install. No account. Returns structured findings with rule IDs, measurements, and thresholds your agent can read and fix.
 

Catch what code reviews miss

        — before your users do.

 
bash
npx llynt check <url>
无需安装，无需注册账号。返回包含规则ID、测量数据及阈值的结构化检测结果，供你的Agent读取并修复。
 

捕获代码评审遗漏的问题

        —— 在用户发现之前。

 

Go deeper

深入了解

  • These 7 checks are single-element spot checks.
  • For 26 more free rules and access to PR gates and SARIF reports, sign up at llynt.dev
  • 这7项检查为单元素定点检查。
  • 如需额外26项免费规则，以及PR门禁和SARIF报告权限，请前往llynt.dev注册。

What it checks

检测范围

CheckRule IDWhat it catches
Page rendered
dom.render.notEmpty
Blank pages, failed hydration, empty body
Contrast
dom.a11y.contrast
Text failing WCAG AA (4.5:1 normal, 3:1 large)
Hit targets
dom.a11y.hitTarget
Interactive elements smaller than 44x44px
Horizontal overflow
dom.viewport.horizontalOverflow
Page scrolls sideways (common mobile regression)
Broken images
dom.asset.broken
Images that failed to load
Text overflow
dom.text.overflow
Text clipped by overflow:hidden containers
Element overlap
dom.overlap
Interactive elements occluding each other
检查项规则ID检测内容
页面渲染状态
dom.render.notEmpty
空白页面、 hydration失败、空body
对比度
dom.a11y.contrast
不符合WCAG AA标准的文本（普通文本4.5:1，大文本3:1）
点击目标
dom.a11y.hitTarget
小于44x44px的交互元素
水平溢出
dom.viewport.horizontalOverflow
页面可横向滚动（常见移动端回归问题）
损坏图片
dom.asset.broken
加载失败的图片
文本溢出
dom.text.overflow
被overflow:hidden容器截断的文本
元素重叠
dom.overlap
相互遮挡的交互元素