A browser extension to view multiple breakpoints at once.

Latest Version

Version
0.0.2
Update
October 23, 2023
Size
1.72MiB
Developer
Category
Users
13
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
ActiveTab
See more

FrameFusion Extension

Optimize Your Responsive Design Like Never Before with FrameFusion

Dive into the next level of responsive web design visualization with FrameFusion. Experience your websites across multiple breakpoints simultaneously, ensuring every pixel is perfect. Don't just view - interact and see the ripple effect of each scroll and click across all screens. Effortlessly identify discrepancies, streamline design tweaks, and validate layout integrity in real-time. Plus, with dynamic scaling, every breakpoint view snugly fits your screen, ensuring you never miss a detail.

Key Features:

• Simultaneous Multi-Breakpoint View: Display your website across multiple screen resolutions at once.
• Dynamic Scaling: Adapts each view to fit your screen perfectly, ensuring clarity and detail.
• Interactive Synchronization: Unified scroll and click synchronization across all frames.
• Customizable Breakpoints: Easily toggle between the breakpoints you wish to inspect.
• Intuitive Error Detection: Swiftly spot and rectify responsive layout inconsistencies.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.plasmo.6c567d50.png",
"32":"icon32.plasmo.76b92899.png",
"48":"icon48.plasmo.aced7582.png",
"64":"icon64.plasmo.8bb5e6e0.png",
"128":"icon128.plasmo.3c1ed2d2.png"},
"manifest_version":3,
"action":{"default_title":"Activate FrameFusion"},
"version":"0.0.2",
"author":"Carsten Lebek ",
"name":"FrameFusion",
"description":"A browser extension to view multiple breakpoints at once.",
"background":{"service_worker":"static/background/index.js"},
"permissions":["storage",
"activeTab"],
"content_scripts":[{"matches":[""],
"js":["plasmo-overlay.7cd4fc73.js"],
"css":[]}],
"host_permissions":["https://*/*",
"http://*/*"],
"web_accessible_resources":[{"matches":[""],
"resources":["screenshot.688d6e62.png",
"plasmo-overlay.95bad065.css",
"CalSans-SemiBold.7e8cb9be.woff2"]}]}
Read more

Similar Extensions

icon

PageSpeed Insights Extension · Productivity 13 1 ★ 22.64KiB

icon

Split Screen Pro - Browser Tab Split-Screen Tool Extension · Productivity 13 0 ★ 38.63KiB

icon

QuickFlip Extension · Productivity 13 4 ★ 15.26KiB

icon

Responsive Website Testing Toolkit - Multiple Viewport Simulator Extension · Developer Tools 13 30 ★ 170KiB

icon

Mobile View: Test responsive designs fast Extension · Developer Tools 13 28 ★ 56.94KiB

icon

Hoverify Extension · Developer Tools 13 145 ★ 14.54MiB

icon

Responsive viewer For Chrome Extension · Productivity 13 8 ★ 25.34KiB

icon

xSync by xAtom Extension · Developer Tools 13 13 ★ 11.6KiB

icon

Fluency Extension · Productivity 13 6 ★ 1.46MiB

icon

View CSS Extension · Developer Tools 13 1 ★ 5.89KiB

icon

BC Maximizer Extension · Productivity 13 4 ★ 11.3KiB

icon

Highlight Focus Extension · Developer Tools 13 2 ★ 13.45KiB

icon

Core Web Vitals Visualizer Extension · Developer Tools 13 12 ★ 2.39MiB

icon

XML Sitemap Extension · Developer Tools 13 10 ★ 14.3KiB

icon

Simple Autoscroll Extension · Productivity 13 126 ★ 71.42KiB

icon

Device Simulator & Tester Extension · Developer Tools 13 18 ★ 1.04MiB

icon

AnyTab Laser Pointer Extension · Productivity 13 85 ★ 72.73KiB

icon

Coding Contest Tracker Extension · Productivity 13 7 ★ 1.34MiB

icon

Snack Time Extension · Productivity 13 0 ★ 206KiB

icon

RiseVerse Library: Prevent class duplication in Webflow Extension · Developer Tools 13 0 ★ 22.04KiB

icon

HD Multiple Search Extension · Productivity 13 1 ★ 61.8KiB

icon

Page Breakpoint Inspector Extension · Developer Tools 13 0 ★ 96.43KiB

icon

Two Bits Extension · Productivity 13 0 ★ 443KiB

icon

Close Duplicate Tabs Extension · Productivity 13 0 ★ 21.15KiB