broken imageのサイズ取得

Question

クライアント側で以下のことをしたいです。

1. たくさんの画像が出るサイトを作成し、画像表示位置(element idで指定)にelementのサイズを確認するJSを用意
2. もし画像が表示されなければ、問題があると判定してサイトにビーコンを飛ばす(<img src="http://sss.com/error?params=p">を書き出す感じです)

この、「表示されなければ」という判定をどのようにするか迷っています。
そこで、Webページで画像取得失敗時に表示される画像(20px x 20pxくらい)があると思うのですが、このサイズとelementのサイズを比較して、elementサイズがbroken imageサイズより大きくなければエラーと判定しようかと思っています。

broken imageのサイズをJSで取得する方法をご存知でしたら教えてください。

Comments

[kei344]

例示用ドメインはご自身で所有されていない限り example.com, example.jp, example.co.jp など例示用に予約されたドメイン名を利用してください。 http://www.atmarkit.co.jp/fwin2k/win2ktips/801exampledom/exampledom.html https://blog.jxck.io/entries/2017-09-27/example-local-test-domains.html https://blog.ko31.com/201304/sample-domain-example/