google-chrome-extension - 画像の URL テキストを img タグに置き換えると、画像は数秒後に「壊れた」状態になります

Question

Crossrider を使用して、自分で Chrome 拡張機能を作成しています。とても簡単です。URL のコメントをスクレイピングし、それらを<img>タグに置き換えて、コメント内にインラインで画像を表示します。

URLが画像を指しているかどうかを判断するための正規表現チェックはまだ書いていませんが、画像URLのコメントがある投稿でテストしています.

<img>ページが読み込まれると、画像の URL がタグに置き換えられ、画像が表示されます... 数秒間。すると「壊れた画像」のアイコンに変わります。

コードが 1 回しか実行されていないにもかかわらず、画像に対して 2 つの要求があるように見えることを除いて、何が起こっているのかわかりません。リクエストの 1 つは 404 を取得していると言っていますが、Chrome デバッグ コンソールでリクエストをクリックすると、画像が正常に表示され、404 を取得していないリクエストと同じ URL になります。

私のコード（ここでも、URLがまだ画像を指しているかどうかを確認するための正規表現の一致を書いていません）：

var $links;

$( '.Mi' ).has('a').each(function(i,e,a) {
    $links = $( e ).children('a');
    if ( $links.length > 0 ) {
        $links.each(function(i,e,a) {
            if ( !$( e ).has('img').length ) {
                $( e ).html( $('<img/>', { src: $(e).attr('href') }) );
            }
        });
    }
});