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 執行靜態檢查:更快,但不夠全面。兩者都有用。

相關工具