[{"data":1,"prerenderedAt":72},["ShallowReactive",2],{"document:zh-tw:responsive-screenshot-checker":3},{"title":4,"description":5,"body":6,"faqs":61,"tool":68,"kind":69,"slug":70,"locale":71},"響應式網頁截圖檢查器","比較同一網址在手機、平板與桌面尺寸下的畫面，逐項檢查版面。",{"type":7,"value":8,"toc":54},"minimark",[9,13,17,20,23,26,39,42],[10,11,12],"h2",{"id":12},"把網頁整理成實用的畫面",[14,15,16],"p",{},"把三種寬度放在一起，找出標題切邊、選單過擠或內容意外移位的情況，讓設計討論有具體依據。",[14,18,19],{},"每種尺寸會分開擷取。動畫、動態圖片與載入時間不同，也會帶來和 CSS 無關的差別，請同時留意內容本身。",[14,21,22],{},"工具提供視覺檢查，不會自動判定網站是否合格。某一張失敗時，仍可查看其餘結果，並在需要時針對失敗項重試。",[10,24,25],{"id":25},"操作方式",[27,28,29,33,36],"ol",{},[30,31,32],"li",{},"輸入一個公開網址。",[30,34,35],{},"核對手機、平板、桌面三種預設。",[30,37,38],{},"產生後逐張檢查並下載需要的圖片。",[10,40,41],{"id":41},"接著完成工作",[14,43,44,49,50],{},[45,46,48],"a",{"href":47},"\u002Fzh-tw\u002Fmobile-website-screenshot","細看行動版"," · ",[45,51,53],{"href":52},"\u002Fzh-tw\u002Fscreenshot-comparison","比較已儲存的截圖",{"title":55,"searchDepth":56,"depth":56,"links":57},"",2,[58,59,60],{"id":12,"depth":56,"text":12},{"id":25,"depth":56,"text":25},{"id":41,"depth":56,"text":41},[62,65],{"question":63,"answer":64},"能保證相容所有手機嗎？","不能。幾張截圖無法測試所有裝置、操作流程或無障礙需求。",{"question":66,"answer":67},"一張失敗就要全部重抓嗎？","若提供單項重試，可只重試失敗的檢視區，成功結果可分開查看。","responsive","tool","responsive-screenshot-checker","zh-tw",1793599002096]