Trex Dual Preview
| 开发者 | trex2026 |
|---|---|
| 更新时间 | 2026年3月25日 05:59 |
| PHP版本: | 8.0 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Trex Dual Preview adds a one-click PC & smartphone simultaneous preview to the WordPress block editor (Gutenberg) sidebar.
Features
- Open a modal with PC and smartphone previews side by side with one click
- Compare PC (1200-1920px) and SP (320-768px) viewports in real time
- Adjust display width instantly using sliders
- Open a full-screen dual preview in a new tab
- Automatically hides the WordPress admin bar and theme-specific toolbars (e.g. Cocoon)
- Responsive layout that adapts to window resize via ResizeObserver
- Full-screen preview access is protected by wp_verify_nonce() and current_user_can()
- iframes use the sandbox attribute to restrict unnecessary permissions
- All input is sanitized and escaped (absint, sanitize_text_field, esc_url, etc.)
安装:
- Upload the plugin ZIP and activate it from the Plugins menu.
- Open any post or page in the block editor (Gutenberg).
- In the right sidebar, go to the "Post" tab and click the "PC/SP Dual Preview" button.
- Save as a draft first to preview the latest content.
屏幕截图:
常见问题:
The preview is blank.
Please save your post as a draft first. Without saving, a preview URL cannot be generated.
The admin bar is visible in Cocoon theme.
This was fixed in v2.3.2 and later. Please update to the latest version.
Is this available to non-administrator users?
Yes. Any user with the edit_post capability (Editor, Author, etc.) can use it.
更新日志:
2.4.3
- Fix: Remove Plugin URI to avoid conflict with Author URI (WordPress.org submission requirement)
- Add: Usage notes added to modal footer and full-screen page footer (save reminder & display accuracy notice)
- Fix: Apply esc_html() / esc_url() directly at output point to pass Plugin Check (OutputNotEscaped)
- Fix: Updated "Tested up to" to WordPress 6.9
- Fix: Short description and description rewritten in English per WordPress.org guidelines
- Refactor: Full code rewrite with PHPDoc / JSDoc comments
- Refactor: WordPress Coding Standards (WPCS) compliance
- Refactor: JS restructured as IIFE with TDP namespace object
- Add: ARIA attributes for improved accessibility
- Improve: PC preview height now dynamically maximized
- Improve: Full-screen loading overlay fully removed from DOM after transition
- Add: Full-screen loading overlay for new-tab preview
- Fix: Pre-set initial clip width in HTML attribute to eliminate flash
- Fix: Changed initialization timing to DOMContentLoaded
- Change: PC slider range changed to 1200-1920px
- Fix: Removed overly broad CSS selector ([class*="toolbar"]) from injected styles
- Fix: PC slider minimum changed to 769px (avoids Cocoon breakpoint)
- Change: PC slider minimum changed to 768px
- Improve: PC preview height now dynamically fills the window
- Improve: SP preview height adapts to window height via ResizeObserver
- Add: Real-time width slider for both PC and SP previews
- Change: Author changed to "Pro Engineer Trex"
- Fix: Remove Cocoon toolbar (fixed bottom bar) in full-screen preview
- Fix: Blank iframe in new-tab full-screen preview
- Add: "Open in new tab" full-screen dual preview via template_redirect endpoint
- Initial stable release