DOM Square

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

什麼是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
官方網址	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
電子郵箱	[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" ] } ] }