RevealTheme logo

移动端友好性检查工具

检查页面在移动设备上是否能正确渲染。

如何使用本工具

  1. 1

    Paste the full URL of a public page (including https://) into the input field.

  2. 2

    Submit the form — our server fetches the page and parses its HTML.

  3. 3

    Read the verdict banner: green means responsive viewport plus zero issues, red means at least one problem was found.

  4. 4

    Review the issues list and any fixed-width images shown below the banner, then fix the markup on your page.

什么是移动端友好性检查工具?

Google采用移动优先索引对页面进行排名:你的移动端渲染才是真正重要的版本。本工具会检查viewport元标签,查找可能在小屏幕上溢出的固定宽度图片,并标记出过小的内联字号。要进行权威的移动可用性检查,还请使用Google PageSpeed Insights的移动端配置进行测试。

常见使用场景

  • Quickly confirming a newly launched landing page includes a width=device-width viewport before sending paid traffic to it.

  • Auditing a legacy site built with fixed-width tables and pixel-width images to find pages that overflow on phones.

  • Spot-checking a client's marketing page for missing viewport tags during an SEO handoff.

  • Catching hard-coded tiny inline font sizes that designers added for desktop but forgot to make responsive.

  • Screening a batch of competitor or partner URLs for obvious mobile markup mistakes without opening each in a phone emulator.

  • Teaching juniors what a responsive viewport tag looks like and why fixed-width images break small screens.

常见问题

这和Google的移动设备适合性测试一样吗?
Google的工具会在无界面的Chrome中加载页面。本工具对HTML执行静态检查:更快,但不够全面。两者都有用。

相关工具