Front End Developer Toolsとは何ですか？

Front End Developer ToolsはChance Daiによって開発されたChromeの拡張機能で、その主な機能は「Extends the Developer Tools, adding tools for front end developers.」です。

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

Front End Developer Tools拡張機能のCRXファイルをダウンロード

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

拡張機能の使用方法

拡張機能の基本情報

名前	Front End Developer Tools
ID	helkbcjckeafnnijijcmppjbbkegadcc
公式URL	https://chrome.google.com/webstore/detail/front-end-developer-tools/helkbcjckeafnnijijcmppjbbkegadcc
説明	Extends the Developer Tools, adding tools for front end developers.
ファイルサイズ	432 KB
インストール数	535
現在のバージョン	2.0.0
最終更新日	2017-01-17
公開日	2017-01-17
評価	4.00/5 合計 1 レビュー
開発者	Chance Dai
Eメール	[email protected]
支払い方法	free
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "author": "[email protected]", "background": { "page": "background.html" }, "content_scripts": [ { "all_frames": true, "css": [ "css\/base_content.css" ], "js": [ "js\/lib\/jquery-1.7.2.min.js", "js\/app\/css_reload.js", "js\/app\/link_check.js", "js\/app\/duplicate_ids_find.js", "js\/content.js" ], "matches": [ "" ], "run_at": "document_start" } ], "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'", "description": "Extends the Developer Tools, adding tools for front end developers.", "devtools_page": "devtoolsBackground.html", "icons": { "128": "img\/icon128.png", "16": "img\/icon16.png", "48": "img\/icon48.png" }, "manifest_version": 2, "minimum_chrome_version": "21.0.1180.57", "name": "Front End Developer Tools", "permissions": [ "tabs", "", "contentSettings", "notifications", "webRequestBlocking", "webRequest", "browsingData", "unlimitedStorage", "webNavigation", "history", "bookmarks", "management", "debugger" ], "short_name": "Feder", "version": "2.0.0", "web_accessible_resources": [ "css\/images\/close.png" ] }