DOM Square

Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations and inject code into selected DOM element.

What is DOM Square?

DOM Square is a Chrome extension developed by Nitesh Vaidya, and its main feature is "Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations and inject code into selected DOM element.".

Extension Screenshots

Download DOM Square Extension CRX File

Download DOM Square extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations with previewer and inject code into selected DOM element, and also useful in below operations.
1. Formatter
2. Linters
3. Drag and drop
4. WCAG Validations
5. Emmet Abbrevation’s
6. Emmet Previewer
7. Search
8. API Json viewer
9. HTML viewer
10. CSS file viewer
11. JS file viewer
12. SVG file viewer
13. XML viewer
14. DOM inject
15. DOM Viewer

Extension Basic Information

Name	DOM Square
ID	dkmdcmmgpmhibkaigpaoaimffalciifg
Official URL	https://chromewebstore.google.com/detail/dom-square/dkmdcmmgpmhibkaigpaoaimffalciifg
Description	Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations and inject code into selected DOM element.
File Size	1.3 MB
Installation Count	61
Current Version	1.0.1
Last Updated	2021-10-17
Publish Date	2021-06-30
Rating	5.00/5 Total 1 Ratings
Developer	Nitesh Vaidya
Email	[email protected]
Payment Type	free
Supported Languages	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "DOM Square", "description": "Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations and inject code into selected DOM element.", "version": "1.0.1", "manifest_version": 2, "devtools_page": "devtools.html", "permissions": [ "storage" ], "icons": { "16": "\/images\/16.png", "32": "\/images\/32.png", "48": "\/images\/48.png", "128": "\/images\/128.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content.js", "jquery.min.js", "\/inject\/plugin\/beautify\/beautify.min.js", "\/inject\/plugin\/beautify\/beautify-css.min.js", "\/inject\/plugin\/beautify\/beautify-html.min.js" ] } ] }