Click the Device Preview<\/strong> button located in your WordPress admin bar on any frontend page or admin screen. You can also trigger the preview immediately using the keyboard shortcut Ctrl+Shift+D<\/code>.<\/p><\/dd>\nCan I test draft posts and password-protected pages?<\/h3><\/dt>\nYes. Because the simulator runs within your active authenticated WordPress session, you can preview and test draft posts, private pages, and password-protected templates without configuring external credentials.<\/p><\/dd>\n
How does the automatic breakpoint scanner work?<\/h3><\/dt>\nThe plugin reads the compiled stylesheets active on the current page, extracts all CSS @media<\/code> rule widths, and presents them in an interactive breakpoint menu. Clicking any breakpoint immediately resizes the viewport to that exact width.<\/p><\/dd>\nCan I view multiple device viewports at the same time?<\/h3><\/dt>\nYes. In Compare Mode, you can load multiple device frames side-by-side. The panels feature synchronized scrolling so you can inspect how responsive elements behave simultaneously across screen sizes.<\/p><\/dd>\n
How does Visual Regression testing work?<\/h3><\/dt>\nClick the baseline snapshot button to capture your current layout state. After modifying CSS or updating plugins, open the visual regression overlay to drag a comparison slider over the page and spot pixel-level discrepancies.<\/p><\/dd>\n
Does this plugin send website data to third-party servers?<\/h3><\/dt>\nNo. All viewport rendering, breakpoint detection, accessibility testing, and screenshot captures are processed entirely inside your browser and local server. No layout or user data is transmitted externally.<\/p><\/dd>\n
Can I restrict access to administrators only?<\/h3><\/dt>\nYes. Under Settings > Responsive Checker > User Access Controls, you can restrict device preview capabilities to specific WordPress user roles.<\/p><\/dd>\n\n<\/dl>\n\n\n
1.1.0<\/h4>\n\n\n- Date: 8 June 2026<\/li>\n
- Fixed screenshot capture to output images matching the visual frame size instead of rendering at full device resolution.<\/li>\n
- Fixed DOM Inspector coordinate accuracy on scaled device frames so element detection aligns with the cursor.<\/li>\n
- Fixed desktop viewport rendering to show true device layouts using CSS transform scaling instead of shrinking the iframe.<\/li>\n
- Inspector highlight overlay now correctly accounts for both display scaling and zoom level.<\/li>\n
- Fixed compare mode viewport rendering to show true device layouts using CSS transform scaling and adjusted initialization timing.<\/li>\n
- Fixed device selection dropdowns in compare mode for devices containing quotation marks in their names (e.g. iPad Pro 13\", Laptop 13\").<\/li>\n
- Fixed mockup generator capture to support scroll coordinates and synchronise scroll positions with the active preview.<\/li>\n
- Fixed network speed selection to automatically reload the page and trigger load-time speed simulation tracking.<\/li>\n<\/ul>\n\n
1.0.6<\/h4>\n\n\n- Date: 6 June 2026<\/li>\n
- Added frontend responsiveness checking button to settings panel.<\/li>\n
- Fixed icon alignment for setting dashboard buttons.<\/li>\n
- Fixed vertical alignment and spacing for Go URL navigation button in responsive frame dashboard.<\/li>\n
- Fixed z-index layering issue making add device popup render behind the fullscreen panel.<\/li>\n
- Fixed disappearing Add Device button bug when custom devices list is updated.<\/li>\n
- Added scroll coordinates support to html2canvas captures to output scrolled layouts accurately.<\/li>\n
- Added interactive full-screen slide lightbox viewer for gallery screenshots with swipe\/keyboard navigation (Esc, Left\/Right arrows).<\/li>\n
- Updated device lists to include the latest modern devices (e.g., iPhone 15, Laptop 15\") and removed obsolete options.<\/li>\n
- Fixed iframe navigation history tracking to properly enable Back and Forward buttons during testing.<\/li>\n
- Fixed conflict with duplicate \"Compare\" buttons in the toolbars by assigning distinct UI action classes.<\/li>\n
- Fixed CSS conflict that was hiding the side-by-side comparison panels.<\/li>\n
- Fixed User-Agent spoofing to immediately apply and properly emulate mobile browsers using client-side injection and a background proxy.<\/li>\n
- Added HTTP fallback for the User-Agent copy button to support local development environments.<\/li>\n
- Overhauled Touch Mode to add true interactive event forwarding, drag-to-scroll support, and perfect pointer accuracy.<\/li>\n
- Fixed encoding issues displaying corrupted text (mojibake) across the plugin UI.<\/li>\n
- Fixed cross-iframe media query evaluation errors to accurately scan and extract CSS breakpoints.<\/li>\n
- Fully implemented Baseline saving and Visual Comparison diff overlays with local storage support and UI clear actions.<\/li>\n
- Fixed device frame resizing calculations for accurate em\/rem to pixel conversion when jumping to breakpoints.<\/li>\n
- Improved Fullscreen layout by separating Responsive and Developer controls into two distinct floating toggle buttons.<\/li>\n
- Moved Exit Fullscreen button to the bottom right to avoid overlapping developer side-panel close buttons.<\/li>\n
- <\/li>\n<\/ul>\n\n
1.0.4<\/h4>\n\n\n- Fixed double script execution issue in WordPress backend when admin bar is active.<\/li>\n
- Moved admin settings styles and scripts to load exclusively on the plugin settings and documentation pages.<\/li>\n
- <\/li>\n<\/ul>\n\n
1.0.3<\/h4>\n\n\n- Removed custom CSS input to follow WordPress security guidelines.<\/li>\n
- <\/li>\n<\/ul>\n\n
1.0.2<\/h4>\n\n\n- Updated script loading to meet WordPress guidelines.<\/li>\n
- Fixed security nonce issues in AJAX requests.<\/li>\n
- Moved styles to external files for faster load times.<\/li>\n
- <\/li>\n<\/ul>\n\n
1.0.1<\/h4>\n\n\n- Added device preview screenshots and regression tools.<\/li>\n
- Added side-by-side comparison with sync scrolling.<\/li>\n
- Added custom viewports and user agent testing.<\/li>\n
- Added accessibility contrast checks and focus maps.<\/li>\n
- Added temporary links to share layout tests.<\/li>\n
- Added developer console logs and media query lists.<\/li>\n
- <\/li>\n<\/ul>\n\n
1.0.0<\/h4>\n\n\n- First release of the plugin.<\/li>\n
- <\/li>\n<\/ul>","raw_excerpt":"Test mobile responsive layouts with instant device previews, multi-screen sync scroll, CSS breakpoint scanner, visual regression, and developer tools.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/284476","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=284476"}],"author":[{"embeddable":true,"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/farazfrank"}],"wp:attachment":[{"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=284476"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=284476"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=284476"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=284476"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=284476"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/gax.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=284476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}