Thank You for Installing our extension!
We want to help you jump into work quicker, so we’ve compiled some quick tips to help you navigate and start your experience smoothly.
We want to help you jump into work quicker, so we’ve compiled some quick tips to help you navigate and start your experience smoothly.
The extension starts with a default responsive pane. To add more, simply click the “+” icon. You can select from available presets, create your own for customized testing, or add another responsive pane
Inspect Mode gives you powerful tools to analyze and modify elements on a page. You can check CSS styles, add custom CSS, measure distances between elements, and download images.
Edit any text or image on the web and instantly see how it changes across all devices
Easily switch between user agent strings to emulate real devices. You can select from our preset options or add your own custom user agents to see how your website performs across different devices.
Some websites prevent content from loading in iframes due to X-Frame-Options settings. Use our extension to bypass these restrictions and view the content within an iframe, ensuring you can fully test and interact with embedded pages.
We’re constantly improving Pixefy. Check out the latest features and updates we’ve added
We’ve implemented a wide range of features, with more exciting updates on the way. Stay tuned!
Have ideas or feedback?Select one element, hover another, and instantly measure pixel distances between them.
Inspect and edit styles applied to any element directly in the Inspect Tool.
Clear cached data and refresh Pixefy to reset your workspace or fix unexpected issues.
Log and review all CSS edits in the Activity Tab for easier debugging and testing.
Stack screens horizontally (scroll sideways) or vertically (scroll down with one or two per row).
Rearrange screens in your workspace by dragging and dropping to customize order and workflow.
Zoom in or out on all screens at once for synchronized scaling and easier workspace management.
Download images, SVGs, PNGs, and other assets directly from webpages with one click.
See a simplified DOM tree for faster, clutter-free element inspection and debugging.
Check text and background color contrast ratios for WCAG accessibility compliance.
Extract all colors from a website and preview them in a complete palette for design and accessibility testing.
Simulate different blindness conditions to evaluate and improve your website’s accessibility.
Create responsive grids with custom columns, rows, and visibility rules to test layouts across breakpoints.
Show or hide scrollbars at selected breakpoints to test overflow handling and design alignment across responsive layouts.
Interactively resize two screens with one handle – as one screen shrinks, the other expands, giving dynamic control for breakpoint testing.
Create and save reusable screen presets in Screen Mode. Perfect for managing custom breakpoints and design system consistency.
Pixefy automatically saves your presets, layouts, and settings locally, restoring them every time you reopen the extension.
Easily switch between portrait and landscape mode on any screen to test layout responsiveness and orientation-based design changes.
Quickly enable or disable sync between screens to control whether they scroll and respond together or separately.
Scroll, click once – all synced screens respond together for efficient multi-device behavior testing.
Test your site using real device resolutions to simulate how your design renders on popular phones, tablets, and desktops.
Access a list of the most popular resolutions by category (mobile, tablet, desktop) to test the most relevant breakpoints faster.
Enable loading of iframe-blocked pages by toggling the X-Frame-Options response header directly in Pixefy.
Zoom in and out of screens for detailed inspection, better workspace control, or pixel-perfect design checks.
Edit computed CSS values live in Pixefy to debug styles, tweak spacing, and test changes instantly across breakpoints.
Select one element and hover over another to view a real-time popup comparison for layout, spacing, and styling checks.
View grouped CSS properties in the Inspect Tool, organized by type for faster, cleaner style inspection.
Visualize hidden element boundaries, spacing, and layers with X-Ray mode for faster debugging.
Switch Pixefy to a dark theme for reduced eye strain and better focus during long or late-night testing sessions.
Capture full-page, visible, or custom-area screenshots for any screen – perfect for QA, design review, and sharing layouts.
Replace images directly in Pixefy to preview layout changes, proportions, or alternate content instantly.
View a live box model preview (margin, border, padding, content) directly in Inspect Tool mode.
Replace text directly in Pixefy to test copy variations, label changes, or layout responsiveness in real time.
A live widget showing browser width and height as you resize – works even when Pixefy isn’t open.
Switch user agent strings to simulate different devices, browsers, or bots for accurate compatibility and responsive testing.
See live character and word counts while editing text directly in Pixefy.
A simple, intuitive UI designed to make responsive testing fast, clear, and accessible for all users.