使用情境

查看實際畫面,每個發現都有依據。

公開 TodoMVC 測試頁的已記錄檢查,把桌面與手機截圖和可觀察的排版、無障礙條件放在一起。

已記錄的開發範例,下方附證據與範圍。

從什麼問題開始

這是 2026 年 9 月 7 日 13:22 UTC,使用公開 TodoMVC 頁面記錄的工程示範。它不是客戶見證、不是 EVO 介面的稽核,也不是剛剛重跑的目前網站檢查。

只閱讀原始碼,無法證明 JavaScript 介面完成渲染後長什麼樣子。截圖提供可見背景;結構化頁面觀察則讓控制項大小、缺少無障礙名稱等細節更容易找到與核對。

帶入哪些資料

  • demo.playwright.dev/todomvc/ 公開頁面。
  • 真實隔離瀏覽器工作階段,分別記錄桌面與手機畫面。
  • 保留證據參照的渲染頁面觀察與原始截圖。

可以這樣提出要求

請檢查這個公開網頁的桌面與手機畫面,列出可以核對的發現。

Mac 開發記錄;重新擷取需要連線,不涉及登入或修改網站。App 尚未公開開放。

EVO 需要理解的目標

示範證明的是當時截圖中的具體觀察條件,不聲稱模型已看過圖片,也不把每項規則結果都當成產品缺陷。解讀時需考慮這是第三方測試範例。

如何一步步處理

  1. 載入訪客實際看見的頁面

    瀏覽器開啟真正的 JavaScript 網頁,擷取渲染後狀態。桌面與手機尺寸是不同觀察;看到其中一個,不代表另一種排版正常。原測試頁偏淡的視覺保留,沒有修改。

  2. 讓條件連到證據

    已保存報告共有 24 項規則結果。此頁展示三個已觀察條件:沒有無障礙名稱的輸入欄、116 × 17 px 控制項,以及 10 px 文字。每個都有觀察與 DOM 證據參照,不是無依據的視覺判斷。

  3. 先核對,再下結論

    使用原始截圖和頁面證據判斷影響。較小控制項可能值得調查,但單一規則結果,不能決定真實使用者問題的嚴重程度,也不能認證整體無障礙品質。

你會拿到什麼

  • 當次記錄的原始桌面與手機截圖。
  • 包含 24 項規則結果的報告,以及此頁解釋的三個例子。
  • 實際渲染介面已擷取的證據,清楚保留來源、時間與檢查範圍。

下次如何接續

網站之後改變,需要新的檢查。此例保留為具日期的證據,不把舊截圖稱為目前網站狀態,也不拿它證明尚未實測的操作已成功。

你的資料與選擇

  • 切換已記錄的桌面與手機畫面,開啟原始截圖。
  • 另行查看可能已改變的公開來源頁面。
  • 只讀檢查與登入、提交或修改網站的許可分開。

真實檢查紀錄

已記錄的頁面

這個第三方測試頁使用很淺的文字。以下保留原始截圖,並非 EVO 的操作介面。

demo.playwright.dev/todomvc/
未修改的 TodoMVC 桌面測試頁截圖,並非 EVO App

原始桌面截圖 原始手機截圖

Alpha Mac 檢查公開 TodoMVC 示範頁的真實繁體中文報告:桌面與手機截圖分頁、檢查紀錄,並明確顯示尚未進行模型視覺審查。
真實本機渲染檢查 · 桌面/手機 · 未進行模型審查 查看完整報告截圖

證據範圍

此例於 2026 年 9 月 7 日 13:22 UTC 記錄,共有 24 項規則結果,其中三項已觀察條件為:缺少無障礙名稱的輸入欄位、116 × 17 px 控制項及 10 px 文字。每項均有畫面觀察與 DOM 證據參照。規則仍需人工解讀,不代表完整無障礙稽核。

TodoMVC public demo

目前進度

已完成的基礎

  • 這份真實瀏覽器截圖與規則記錄,現在即可在本頁查看。

下一個里程碑

  • 當次記錄沒有進行模型視覺審查,也不是完整無障礙稽核或認證。
  • 這三項發現不證明 Canvas、登入後內容或更多互動的品質。原生產品仍在開發,公開下載尚未開放。

以上為開發中的能力,並非公開發行版本。申請體驗前,可先查看平台狀態。

平台與可用狀態

帶著一件想推進的事,認識 EVO。

查看 Mac 發布進度,或告訴我們你想評估哪一種工作流程。申請不保證獲得邀請。

取得 EVO Alpha分享你的工作流程