Inspect Element helps frontend engineers to adjust CSS effectively. --- Setup: 1. Install this extension from Chrome WebStore 2. Reload opening page 3. Hold Ctrl-Key and move your mouse to inspect element. --- Features: - Different mode to inspect element: by element (Chrome DevTool) or by margin which helps you to adjust CSS more efficient. - It displays X and Y axis for content, padding, border, and margin. - It allows you to specify colors for different spaces (content, padding, and others). --- Changlogs: - Starting with v2.0.0, we store configurations in storage.local instead of storage.sync to prevent user configurations from being reset to default due to not being logged into the account in other browsers.
You can Follow the below Step By Step procedure to install the Inspect Element Chrome Extension to your Chrome Web browser.
It is the Inspect Element Chrome extension download link you can download and install Chrome Browser.
A simple and minimal extension that enables you to edit the source code of any website and save it.
The easiest way to inspect and edit CSS
All-in-one browser extension to improve your web dev experience.
View source code of online HTML, CSS & JavaScript files
Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied every time you visit the specified website(s).
Edit Anything is a simple extension that allows you to edit text on any website. Click the pencil icon to turn text editing on or…
Save the changes you make to a page with Inspect Element so they wouldn't go away after refreshing