Fehler beim Laden von Inhalten eines Iframes erkennen

Wenn Sie haben die Kontrolle über die iframe-Seite (und Seiten auf der gleichen domain-Namen), eine Strategie könnte wie folgt Aussehen:

• Im übergeordneten Dokument, eine variable zu initialisieren var iFrameLoaded = false;
• , Wenn das iframe-Dokument geladen ist, setzen Sie diese variable in das übergeordnete true anrufen aus dem iframe-Dokument eines Elternteils Funktion (setIFrameLoaded(); zum Beispiel).
• überprüfen Sie die iFrameLoaded flag mit der timer Objekt (setzen Sie den timer, um Ihre bevorzugte timeout-limit erreicht) - wenn die fahne ist noch falscher kann man sagen, dass der iframe wurde nicht regelmäßig geladen.

Ich hoffe, das hilft.

InformationsquelleAutor der Antwort splattne

Ich denke, dass das pageshow-event ausgelöst wird, für Fehler-Seiten. Oder, wenn Sie dies tun, aus Chrom, dann wird Ihre überprüfen Sie Ihre Fortschritte Hörer das verlangen zu sehen, ob es eine HTTP-channel, in dem Fall können Sie abrufen, den status-code.

Als für die Seite Abhängigkeiten, ich denke, Sie können dies nur tun, von chrome, indem Sie hinzufügen einer Aufnahme onerror-Ereignis-listener, und selbst dann wird es nur Fehler zu finden, auf die Elemente, nicht die CSS-Hintergründe oder andere Bilder.

InformationsquelleAutor der Antwort Neil

Nicht beantworten Ihre Frage so genau, aber meine Suche nach einer Antwort hat mich hierher gebracht, so bin ich Entsendung nur für den Fall, jemand anderes hatte eine ähnliche Anfrage an mich.

Es nicht ganz verwenden ein load-Ereignis, aber es kann erkennen, ob eine website ist erreichbar und aufrufbar (wenn es ist, dann wird der iFrame, in der Theorie, sollte geladen werden).

Zuerst dachte ich, dass dies eine AJAX-Aufruf wie jeder andere auch, außer, dass es nicht funktioniert für mich zunächst, als ich verwendet hatte, jQuery. Es funktioniert perfekt, wenn Sie ein XMLHttpRequest:

var url = http://url_to_test.com/
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status != 200) {
        console.log("iframe failed to load");
    }
};
xhttp.open("GET", url, true);
xhttp.send();

Edit:

Also diese Methode funktioniert ok, außer, dass es hat eine Menge von false negative (nimmt eine Menge Sachen, die die Anzeige in einem iframe) wegen der cross-origin-malarky. Die Art und Weise, die ich bekam, um dies zu tun, eine CURL - /Web-Anfrage auf einem server, und überprüfen Sie dann den Antwort Header für a) wenn die website existiert, und b) wenn der Header gesetzt hatte x-frame-options.

Dies ist nicht ein problem, wenn Sie Ihren eigenen webserver, so können Sie Ihre eigenen api-Aufruf.

Meine Implementierung in node.js:

app.get('/iframetest',function(req,res){ //Call using /iframetest?url=url - needs to be stripped of http://or https://
   var url = req.query.url; 
    var request = require('https').request({host: url}, function(response){ //This does an https request - require('http') if you want to do a http request
        var headers = response.headers;
        if (typeof headers["x-frame-options"] != 'undefined') {
            res.send(false); //Headers don't allow iframe
        } else {
            res.send(true); //Headers don't disallow iframe
        }
    });
    request.on('error',function(e){
       res.send(false); //website unavailable
    });
    request.end();
});

InformationsquelleAutor der Antwort lels