ページ内にある画像の、「オリジナルの幅、高さ」、「表示されている画像の幅」、「画像の全属性」、「画像のファイルサイズ」を表示させます。

Latest Version

Version

1.0.0

Update

July 7, 2021

Size

13.08KiB

Developer

showImageDetails Extension

■説明
拡張機能をクリックすると画像の以下データを表示させます。
・オリジナルの幅、高さ
・表示されている画像の幅
・画像の全属性
・画像のファイルサイズ
※ファイルサイズはページ内のドメインが違う場合表示されない場合があります。

また、表示されたデータにマウスをhoverすることで該当のデータのみが表示されるようになり、
どの該当画像か分かるように、該当画像に枠線をつけます。

■Description
Click on the extension to display the following data of the image.
・Width and height of the original
・Width of the displayed image
・All attributes of the image
・File size of the image
※The file size may not be displayed if the domain in the page is different.

Also, by hovering the mouse over the displayed data, only the relevant data will be displayed.
In this case, a border will be added to the corresponding image so that the corresponding image can be identified.

Translated with www.DeepL.com/Translator (free version)

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "showImageDetails", "short_name": "SID", "version": "1.0.0", "description": "\u30da\u30fc\u30b8\u5185\u306b\u3042\u308b\u753b\u50cf\u306e\u3001\u300c\u30aa\u30ea\u30b8\u30ca\u30eb\u306e\u5e45\u3001\u9ad8\u3055\u300d\u3001\u300c\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u753b\u50cf\u306e\u5e45\u300d\u3001\u300c\u753b\u50cf\u306e\u5168\u5c5e\u6027\u300d\u3001\u300c\u753b\u50cf\u306e\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u300d\u3092\u8868\u793a\u3055\u305b\u307e\u3059\u3002", "icons": { "16": "./icon/icon_16.png", "48": "./icon/icon_48.png", "128": "./icon/icon_128.png" }, "action": { "default_title": "showImageDetails" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["./js/main.js"] } ], "permissions": ["background"], "host_permissions": ["http://*/*", "https://*/*"]}

Download CRX(13.08KiB)