Wie kann ich Bilder von bestimmten Websites mit JavaScript blockieren?

Question

Ich denke, dass dies mit js gemacht werden kann ..

Angenommen, ich möchte das Laden von Bildern von example.com blockieren oder sogar mit einem einzigen Bildpfad?

Ich bevorzuge die erste Variante. Kann ich das machen?

Beispiel:

Wenn ein Bild in HTML mit http://example.com/filepath angezeigt wird, erlauben Sie nicht, Bilder von dieser Domain oder sogar vom Dateipfad anzuzeigen.

Answer 1

Vielleicht nicht. Sie können JavaScript am unteren Ende der Seite hinzufügen oder das onLoad-Ereignis verwenden, aber zu diesem Zeitpunkt hat der Browser möglicherweise bereits mit den Anfragen zum Laden der Bilder begonnen (er kann damit beginnen, sobald er die Bild-URL liest).

Es gibt einfach keine Garantie dafür, dass Ihr JavaScript vor dem hochgradig optimierten URL-Laden des Browsers aktiviert wird.

Sie können auch die andere Seite nicht in einem iframe dank der Same Origin Policy laden.

Stattdessen sollten Sie einen Proxy wie Privoxy konfigurieren oder etwas wie AdBlock verwenden.

Answer 2

Mit Firefox können Sie Greasemonkey verwenden, um genau das mit der ganzen Kraft von Javascript zu tun.

Answer 3

Wenn Sie nichts dagegen haben, jQuery zu verwenden

am body-Tag

JavaScript (jQuery)

function remove()
{
    $('img').each(function() {
        if(this.src.search('somehostname') != -1)
            $(this).remove();
    });
}

Nicht sicher, ob sie eine Bildanfrage gestartet haben oder nicht, aber sie werden sicherlich nicht in Ihrem Sichtfeld erscheinen