DOM Squareとは何ですか？

DOM SquareはNitesh Vaidyaによって開発されたChromeの拡張機能で、その主な機能は「Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations and inject code into selected DOM element.」です。

拡張機能のスクリーンショット

DOM Square拡張機能のCRXファイルをダウンロード

DOM Square拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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

拡張機能の基本情報

名前	DOM Square
ID	dkmdcmmgpmhibkaigpaoaimffalciifg
公式URL	https://chromewebstore.google.com/detail/dom-square/dkmdcmmgpmhibkaigpaoaimffalciifg
説明	Extends the Developer Tools, adding a sidebar that helps to use emmet abbreviations and inject code into selected DOM element.
ファイルサイズ	1.3 MB
インストール数	61
現在のバージョン	1.0.1
最終更新日	2021-10-17
公開日	2021-06-30
評価	5.00/5 合計 1 レビュー
開発者	Nitesh Vaidya
Eメール	[email protected]
支払い方法	free
対応言語	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" ] } ] }