前言介紹
- 這款 WordPress 外掛「VRTs – Visual Regression Tests」是 2022-11-27 上架。
- 目前有 500 個安裝啟用數。
- 上一次更新是 2025-03-04，距離現在已有 60 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 有 9 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
外掛標籤
vrts | tests | visual | regression | visual regression |
內容簡介
VRTs – Visual Regression Tests 是一個外掛，用於測試網站是否存在不需要的視覺變化。該外掛可以選擇頁面和文章進行每日自動測試。該工具會創建每日比較屏幕截圖，並將其與參考快照進行比較。如果截圖之間存在差異，您將自動通過電子郵件收到通知。使用三種比較模式輕鬆檢測差異。
請注意：網站必須是公開的才能設置和運行測試。密碼保護或任何防火牆可能會阻止外掛正常工作。
檢測不需要的變化的策略
更新和代碼更改後，您通常如何檢查您的網站？您是否手動查看所有頁面或只是希望一切運行良好？視覺回歸測試為您提供一種幫助您發現錯誤和視覺異常的方法。 VRTs 插件提供了自動化流程的環境。
將任何頁面或文章激活每日測試：激活後，將拍攝參考屏幕截圖。當保存或更新文章時，將重新生成。
接收即時警報：如果參考快照和比較截圖之間檢測到變化，插件將創建警報並通過電子郵件通知您。每日測試將暫停，直到警報得到解決。
比較兩個屏幕截圖：使用不同，分割屏幕或並排查看來檢測兩個快照之間的差異。
解決測試：解決問題後，將警報標記為已解決。將生成新的快照，並重新開始測試。
使用情況
視覺回歸測試可以幫助您在哪些情況下檢測問題？
外掛和核心軟件更新
手動代碼更改
外部軟件和 API 問題
服務器問題
惡意程式碼和其他惡意代碼
缺少質量保證
功能
即時第一次測試：激活外掛後，立即監視主頁並發送警報給存儲的管理員電子郵件。
每日測試：該外掛每天自動掃描選定的文章和頁面。它通過比較兩個屏幕截圖來驗證視覺內容。
3 種比較類型：選擇三種比較快照的方法 - 差異，分割屏幕，並排查看。
即時警報：只要檢測到參考快照和比較截圖之間存在變化，您就會收到電子郵件通知。
符合 GDPR：快照存儲在歐洲服務器上。我們不收集任何個人數據。
跨團隊：具有管理權限的團隊成員可以創建和查看測試，並共同解決問題。
永久免費
最多測試 3 頁
每日測試間隔
30 天的警報歷史記錄
升級為 Pro 版本
您喜歡 VRTs，想要執行更多測試嗎？透過 VRTs Pro 解鎖更多功能：
最多測試 25 頁
每日測試間隔
90 天的警報歷史記錄
多個警報收件人
電子郵件支持
錯誤報告
您發現 bug 嗎？請通過在 支持論壇 創建問題來報告它。
了解更多
您想了解有關 VRTs 的更多信息嗎？
官方產品頁面：
VRTs – Visual Regression Tests
資源：
如何進行視覺回歸測試？
原文外掛簡介
Find issues before others do – every time. With automatic screenshots, daily comparisons, and instant tests after WordPress and plugin updates. Select the pages of your choice for continuous monitoring. The plugin immediately notifies you of any visual changes it detects.
Please note: The website must be publicly accessible in order to set up and run the tests. Password protection or any kind of firewall might prevent the plugin from working correctly.
Your strategy to spot unwanted changes
How do you check your website after updates and code changes? Do you manually go through pages, or do you just cross your fingers, hoping everything will be okay? Visual regression testing provides a better way to spot issues and detect visual changes. The VRTs plugin automates testing for you with a click of a button.
Activate tests for any page or post: Upon activation, a reference screenshot is taken. This will be renewed when a post is saved or updated.
VRTs monitors your pages: Every day, VRTs captures and compares screenshots of your selected pages. Upgrade to Pro to automate tests for WordPress updates, integrate deployment pipelines via API, and run manual tests on demand.
Receive instant alerts: If a change is detected between the snapshot and the comparison screenshot, the plugin will notify you via email.
Review changes: The difference view makes it easy to spot changes, while the comparison slider lets you inspect the details.
Hide elements: Prevent false positives by excluding dynamic elements, ads, and animations from snapshots.
Use cases
In which cases can visual regression testing help you spot issues?
Plugin and core software updates
Manual code changes
External software and API issues
Server issues
Malware and other malicious code
Missing quality assurance
Features
No Setup: After plugin activation, the frontpage is immediately monitored and alerts are sent to the WordPress admin email.
Daily Tests: The plugin monitors selected posts and pages and compares screenshots daily.
Hide Elements: Hide dynamic or irrelevant elements to prevent false positives in your tests.
Click Element: Define an element that should be clicked before taking a screenshot. This is useful for closing cookie banners or modals.
Email Notifications: As soon as a change is detected between the snapshot and the comparison screenshot, you will be notified via email.
Fullscreen Review: Inspect changes up close using the difference view and comparison slider in fullscreen mode.
Read / Unread: Keep track of test results that require further attention by marking alerts as unread.
Flag False Positives: Identify acceptable changes or non-issues to minimize unnecessary notifications.
Update Automation (Pro): Automatically trigger tests on WordPress core, plugin, theme, or language updates and catch any issues right away.
Manual Testing (Pro): Run tests manually on demand, either for all configured pages or for specific pages, to verify any changes or global edits immediately.
API Integration (Pro): Trigger tests via PHP scripts or WP CLI for integration with other tools, deployment pipelines, or custom automations.
Customizable Notifications (Pro): Specify email addresses for each trigger, to set up notifications for various teams or stakeholders.
Free forever
Test up to 3 pages
On one domain
Automatic daily tests
Go Pro
Do you like VRTs and want to run more tests?
Unlock more features with our paid plans:
Test up to 500 pages in total
On multiple domains
Scheduled daily tests
Multiple alert recipient groups by alert type
Manual tests (unlimited)
API access (unlimited) Read the docs.
Automatic tests after WordPress updates, plugin updates and plugin installations
See pricing plans
Bug reports
You found a bug? Please report it by creating an issue on the support forum.
Read more
Want to learn more about VRTs?
Visit our website: vrts.app
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「VRTs – Visual Regression Tests」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.1.0 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.3.0 | 1.3.1 | 1.4.0 | 1.5.0 | 1.5.1 | 1.5.2 | 1.6.0 | 1.7.0 | 1.7.1 | 1.8.0 | 1.9.0 | 1.9.1 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | trunk |
延伸相關外掛（你可能也想知道）
Black Studio TinyMCE Widget 》此外掛添加了一個新的 Visual Editor 小工具類型，讓您能夠在側邊欄中輕鬆地插入豐富的文字和媒體對象。使用 Black Studio TinyMCE Widget 時，您將能夠使用W...。
Hotjar 》Hotjar 是一種快速且具視覺性的方式，讓您了解您的使用者，提供您的團隊發現洞見並對您的網站進行正確變更所需的所有工具。使用一個強大的解決方案連接所有點...。
Widget Content Blocks 》所見即所得小工具或富文本小工具, 此外掛會在您的網站上添加所謂的「小工具區塊」，可輕鬆地在您的小工具區域中顯示。, 您可以像編輯任何文章或頁面一樣，使...。
TinyMCE Custom Styles 》請有人接手維護這個外掛，否則它將會被遺棄 – 目前有超過9,000份活躍的安裝。, 我現在已經68歲並退休了，並且我所有的時間都被其他項目佔用了，雖然我還有精...。
Olevmedia Shortcodes 》Olevmedia Shortcodes 外掛在編輯器中新增了一個按鈕，提供了許多方便的短碼：, , 手風琴, 開關, 標籤頁（響應式）, 引言, 方框, 按鈕（您可以選擇圖示、顏色...。
TinyMCE and TinyMCE Advanced Professsional Formats and Styles 》客戶若是自己編輯 HTML 代碼或是出現一些小問題時，往往會覺得很困擾。因此，讓你的編輯體驗盡可能簡單流暢是非常必要的：, 客製化 TinyMCE / TinyMCE Advanc...。
Disable Visual Editor WYSIWYG 》這個外掛可以讓您在選定的頁面、文章或自訂文章類型中停用視覺編輯器。此想法源自於當我在編輯器中切換回視覺標籤時，必須保持 Tinymce 編輯器中的 HTML 格式...。
BBS e-Popup 》クすることでデザインを適用できます。, 希望するコンテンツに変更して、ポップアップデザインを完成させることができます。, , , 支援多站網路！, BBS e-Pop...。
Visual Text Editor 》更新, , 現在可以直接在小工具中放置 PHP 代碼，或使用 [vphp][/vphp] 簡碼。 增強功能 #3 , 允許在小工具中使用簡碼。 問題 #2, , 在所有 WordPress 安裝中...。
Front-end Editor 》Front-end Editor 是一個外掛，允許您直接從網站對內容進行更改，無需加載管理後臺才能更正錯字。, 它進行相同的 功能 檢查，以使得如果一個用戶不能在 wp-ad...。
Woo Visual Hook Guide 》Woo Visual Hook Guide 是一個外掛，旨在幫助開發人員在開發 WooCommerce 網站時理解模板鉤子的位置。此外掛是專為幫助開發人員而開發的，僅用於模板的動作鉤...。
Forum Beginner Posts 》, , 這個外掛讓 bbPress 使用可視化編輯器面板。使用者可以透過一組熟悉的類似文字處理軟體的工具按鈕來創建和格式化論壇帖子，使初學者或非專業使用者能夠輕...。
WYSIWYG Inline Code Command 》WYSIWYG Inline Code Command 外掛為視覺化的文章或頁面編輯器加入了一個「內嵌代碼」指令，就像「粗體」或「斜體」指令一樣。但這個指令讓你的文字看起來像...。
Custom Fields Shortcodes 》Custom Fields Shortcodes 可讓您在 WordPress 可視化編輯器中插入使用 Advanced Custom Fields、Custom Field Template 和 More Fields 或自行創建的自訂欄...。
AVE – Elementor & Gutenberg Addons 》總結：這款 WordPress 外掛提供了豐富的高級視覺元素，比一般建構工具還要多。此外掛提供多項功能，如自選下載元素、可與任何建構工具搭配使用、易於自訂、支...。