An extension to view the layout of a webpage for different devices.

Latest Version

Version
1.0.0
Update
January 2, 2025
Size
621KiB
Developer
Category
Users
0
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Tabs
Storage
See more

Layout Viewer Extension

Layout Viewer is a chrome extension that helps frontend developer to view their web pages in different devices and orientation. The idea is inspired by the Chrome only where developers can view the responsiveness of the their web pages by using the developer tool and selecting the different devices. On enabling the Layout Viewer extension a button will be added to the right screen of the all the chrome web pages. On clicking the button a small screen will appear which will open the current open tab UI in the provided iframe inside the extension and having options to choose different devices and orientation. Developers can also add one or more screens of the same tab to choose devices range.

It is built to just help frontend developers to make their web pages more responsive with easiness. It does not store or process any data related with the current opening web page.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Layout Viewer", "description": "An extension to view the layout of a webpage for different devices.", "action": { "default_icon": { "16": "logo.png", "48": "logo.png", "128": "logo.png" } }, "version": "1.0.0", "permissions": [ "tabs", "storage" ], "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js", "storage.js" ], "css": [ "styles.css" ] } ], "web_accessible_resources": [ { "resources": [ "assets/logo.webp", "popup.html", "pages/page.html" ], "matches": [ "" ] } ]}
Read more

Similar Extensions

icon

GoFullPage - Full Page Screen Capture Extension · Developer Tools 0 77052 ★ 1.81MiB

icon

ColorZilla Extension · Developer Tools 0 3845 ★ 410KiB

icon

JSON Formatter Extension · Developer Tools 0 1859 ★ 19.86KiB

icon

User-Agent Switcher for Chrome Extension · Developer Tools 0 2631 ★ 132KiB

icon

Lighthouse Extension · Developer Tools 0 318 ★ 50.7KiB

icon

Similarweb - Website Traffic & SEO Checker Extension · Developer Tools 0 3255 ★ 1.19MiB

icon

SEOquake Extension · Developer Tools 0 2529 ★ 1.5MiB

icon

Clear Cache Extension · Developer Tools 0 1124 ★ 616KiB

icon

Postman Interceptor Extension · Developer Tools 0 957 ★ 478KiB

icon

ModHeader - Modify HTTP headers Extension · Developer Tools 0 1061 ★ 676KiB

icon

Selenium IDE Extension · Developer Tools 0 286 ★ 3.96MiB

icon

SEO META in 1 CLICK Extension · Developer Tools 0 1108 ★ 462KiB

icon

Stylus Extension · Developer Tools 0 1101 ★ 1.01MiB

icon

CSS Peeper Extension · Developer Tools 0 363 ★ 279KiB

icon

WhatRuns Extension · Developer Tools 0 398 ★ 290KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 0 118 ★ 194KiB

icon

SelectorsHub - XPath Helper Extension · Developer Tools 0 1384 ★ 556KiB

icon

BuiltWith Technology Profiler Extension · Developer Tools 0 407 ★ 54.1KiB

icon

Fake Filler Extension · Developer Tools 0 752 ★ 536KiB

icon

Detailed SEO Extension Extension · Developer Tools 0 193 ★ 266KiB

icon

Responsive Viewer Extension · Developer Tools 0 298 ★ 639KiB

icon

JSON Viewer Pro Extension · Developer Tools 0 137 ★ 349KiB

icon

Grepper Extension · Developer Tools 0 405 ★ 1.41MiB

icon

Requestly - Intercept, Modify & Mock HTTP Requests Extension · Developer Tools 0 1227 ★ 876KiB