內容簡介
RobArt CatchNet 是一款專為 WordPress 設計的外掛，旨在監控頁面載入過程中的 CSS 問題，並提供具體的問題來源和解決方案，幫助開發者快速定位和修正頁面顯示異常。
【主要功能】
• 監控 transient flashes 和 unstyled flashes
• 檢測 layout shifts 和 phantom horizontal scroll
• 提供排名的問題報告和發現
• 支援回放載入過程中的每個畫面
• 透明模式可同時觀察頁面和面板
• 自動偵測可疑元素並建立觀察清單
外掛標籤
開發者團隊
原文外掛簡介
Fix the cause, not the score. RobArt CatchNet watches your page paint during load, then tells you the exact CSS rule behind the problem — a white/unstyled flash, a layout shift, a phantom horizontal scroll, an overlay that never went away. Other tools hand you a number; CatchNet names the culprit selector and the moment it happened.
It runs only for logged-in administrators, on the front end. Your visitors never load it and it adds nothing to their page.
Open it from the CatchNet item in the front-end admin bar. A floating panel records the early frames of the load and lets you scrub through them.
What it catches
Transient flashes — a value that appeared then reverted (the classic white/unstyled flash).
Unstyled / FOUC flashes before the real styles land.
Layout shifts (CLS) — an element whose box jumps abruptly as content reflows or a late image sizes.
Phantom horizontal scroll — content wider than the viewport, naming the element that overhangs.
Content shrink and rogue positioning during load.
Lingering overlays — a splash or modal that never cleaned itself up.
How it helps
Most likely cause — a single ranked verdict naming the culprit selector, the frame, and a confidence score. When several detectors agree, confidence rises.
Findings — every issue detected, ranked; click one to jump to its frame; dismiss anything that isn’t a real bug.
Scrub the load — step through the recorded frames and see the winning CSS rule for each watched property at every moment.
Reproduce a frame — re-apply a recorded frame’s state to the live page so the bug snaps back on screen, then restore it exactly.
Copy report — a plain-text summary of the verdict, findings and inspected frame, ready to paste into a bug report or an AI chat.
Watch list — auto-detects suspicious elements each load, and lets you watch a specific element by clicking it or typing a CSS selector.
See-through mode — make the panel transparent so you can watch the page underneath while it stays open; tune how transparent at rest and how solid on hover.
Everything is deterministic — a rule engine, not a guess. Nothing about your page is sent anywhere.
Free vs Pro
Free is the whole diagnostic: the recorder, the panel, the ranked verdict, findings, reproduce, copy report, the watch list and see-through mode.
Pro adds the Visual filmstrip: a real, saveable reconstruction of how the page looked at each recorded frame. Snapshot one frame or build the whole strip; frames with a finding are marked; click a thumbnail for a big pop-out view with prev/next arrows; and export the frames as a ZIP (WebP or PNG). Reconstructions are produced entirely in your browser — nothing is uploaded. Only the paid Pro add-on validates a licence key with the author’s licence server; the free plugin makes no external calls.
Uninstall
When you delete RobArt CatchNet from the Plugins screen, its uninstall script runs automatically and removes everything the plugin stored in your WordPress database:
The see-through opacity settings and the filmstrip export format
The stored licence record and its cached licence tier (Pro)
Older settings left over from before the plugin was renamed
CatchNet keeps nothing else on your server. Your dismissed findings, watch list and panel layout are saved in your own browser (local storage), not on the site, so they stay in that browser until you clear its site data.
Deactivating the plugin without deleting it keeps your settings.
