Elements Viewerとは何ですか？

Elements ViewerはSeke Nikolaによって開発されたChromeの拡張機能で、その主な機能は「See your elements height and width on webpage」です。

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

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

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

拡張機能の使用方法

Element Viewer is a simple extension that helps front-end developers and designers to have a better visual representation of how elements are position on a web page.

Usage: Just press extension icon to toggle on and off.

Inspired by the tip from Gajus Kuizinas (https://github.com/gajus)

拡張機能の基本情報

名前	Elements Viewer
ID	okglkbdhaneaglfmkmbkmglobmondaoc
公式URL	https://chromewebstore.google.com/detail/elements-viewer/okglkbdhaneaglfmkmbkmglobmondaoc
説明	See your elements height and width on webpage
ファイルサイズ	5.61 KB
インストール数	107
現在のバージョン	1
最終更新日	2019-09-12
公開日	2019-09-12
評価	5.00/5 合計 3 レビュー
開発者	Seke Nikola
Eメール	[email protected]
支払い方法	free
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Elements Viewer", "description": "See your elements height and width on webpage", "version": "1", "background": { "scripts": [ "background.js" ], "persistent": false }, "permissions": [ "activeTab" ], "content_scripts": [ { "matches": [ "" ], "js": [ "elements-viewer.js" ] } ], "browser_action": { "default_title": "Elements Viewer" }, "icons": { "16": "icons\/icon-16.png", "32": "icons\/icon-32.png", "48": "icons\/icon-48.png", "128": "icons\/icon-128.png" }, "manifest_version": 2 }