HTML CSS Viewer Extension

View HTML and CSS of a web page

Latest Version

Version

1.0

Update

November 20, 2024

Size

7.65KiB

Developer

HTML CSS Viewer Extension

Page Source Viewer: HTML & CSS Inspector

This lightweight extension allows you to instantly view and analyze the HTML and CSS of any webpage. Perfect for developers, designers, and students learning web development.

Key Features:
- One-click access to page source code
- Clean, organized display of HTML structure
- Built-in CSS style viewer
- Easily copy to clipboard HTML|CSS
- Fast and efficient performance
- Simple, intuitive interface
- No external dependencies
- Privacy-focused: only accesses current tab when activated

Perfect for:
- Web developers debugging page structure
- Students learning HTML and CSS
- Designers inspecting website layouts
- Developers studying code implementation
- Quick code reference and analysis

How to Use:
1. Click the extension icon on any webpage
2. Choose \"Get Page Source\" to view HTML
3. Choose \"Get Styles\" to view CSS
4. Review code in a clean, readable format

Privacy & Security:
- Only accesses the active tab when you click the extension
- No data collection or storage
- Works completely offline
- No external servers or services used
- Respects user privacy

Technical Details:
- Lightweight (<100KB)
- Instant response time
- Works on all websites
- No background processes
- Minimal permissions required

This extension is perfect for anyone who needs to quickly view and analyze webpage source code. Whether you're learning web development, debugging your own sites, or studying how others build their pages, Page Source Viewer provides a clean, efficient way to access and view page source code.

Open source and free to use. Created for educational purposes to help web developers and students understand web page structure and styling.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "HTML CSS Viewer", "version": "1.0", "description": "View HTML and CSS of a web page", "permissions": ["activeTab", "scripting"], "action": { "default_popup": "popup.html", "default_icon": { "16": "icons/icon16.svg", "32": "icons/icon32.svg", "48": "icons/icon48.svg", "128": "icons/icon128.svg" } }, "icons": { "16": "icons/icon16.svg", "32": "icons/icon32.svg", "48": "icons/icon48.svg", "128": "icons/icon128.svg" }}

HTML CSS Viewer

View HTML and CSS of a web page

Latest Version

HTML CSS Viewer Extension

Source Manifest.json

Similar Extensions

Get source code (.Zip)

Latest Updates

Top Rated