Website verhält sich anders, wenn der Entwickler-Werkzeuge sind open-IE11

Im mit Sie die folgende Vorlage in IE11 und kann nicht herausfinden, warum die sidebar singt in jeder Zeit, navigation ist passiert. Wenn die developer-tools geöffnet sind, es sich so verhält, wie ich es haben möchte. Es ist einfach vorgeführt, indem Sie auf eine der Registerkarten, die unter UI-element im Baum während der Ausführung IE11. Allerdings werden Sie feststellen, wenn die F12-developer-tools öffnen Sie die Seite bar rutscht nicht jedes mal die navigation passiert. Dies ist nicht ein Problem in chrome. Es ist ein Fehler mit TradeDoubler, die möglicherweise angezeigt, jedoch muss ich ran, ohne TradeDoubler und es passiert immer noch. Jede Hilfe wäre toll. Danke.
https://almsaeedstudio.com/themes/AdminLTE/pages/UI/general.html

InformationsquelleAutor poptarts | 2015-07-28
  1. 12

    Versuchen, entfernen alle console.log() aus dem code.

    console.log() zu helfen, heraus, wenn das debugging von Javascript verursachen kann, DH, um vollständig zu stoppen die Verarbeitung von Skripts auf der Seite. Hinzufügen, um das Geheimnis, wenn Sie halten, sehen Sie Ihre Seite im IE mit devtools öffnen - Sie werden nicht merken, dass ein Problem überhaupt.

    Erklärung

    Der Grund dafür ist die Konsole ein Objekt nicht instanziiert werden, es sei denn, devtools ist, öffnen Sie im IE. Sonst wird eines von zwei Dingen:

    1. Javascript nicht korrekt ausgeführt
    2. Konsole kryptische Fehler, wie "Objekt nicht definiert" oder andere dieser Art

    Neun mal von zehn Sie haben eine fehlerhafte Konsole.log im code irgendwo. Dies betrifft keine anderen browser als den IE.

    • alle Anrufe werden an die Konsole auskommentiert sind, zweimal überprüft, und jetzt immer noch nicht gehen
    • nur aus Neugier, hast du herauszufinden, was ist die Ursache?
    • Das war genau das, was wir ausgeführt wurden, in die auf einer intranet-site hatte, die in der Kompatibilitätsansicht-Modus: jede Konsole.log () - Aufruf nur leise halt alle JavaScript. Statt auskommentieren Konsole.log () - Aufrufe, die wir gerade polyfilled ein stub, so dass andere Browser (oder IE mit Konsole öffnen) würde noch bieten diagnostischen Wert: if (!window.console) { window.console = {}; window.console.log = function () { } };
    InformationsquelleAutor sam100rav
  2. 6

    Eine weitere mögliche Ursache, vor allem, wenn Sie ausführen, ajax-calls, ist die ajax-Antwort zwischengespeichert werden kann, wenn der dev-tools sind geschlossen, aber vom server aktualisiert, wenn dev-tools geöffnet sind.

    Im IE öffnen Sie die Netzwerk Registerkarte Developer Tools, klicken Sie auf den play-Symbol, und un-stellen Sie die Immer aktualisieren von server - Taste. Dann beobachten Sie, ob alle Ihre ajax-Aufrufe kommen zurück mit einem response-code 304 (Nicht geändert). Wenn Sie sind, dann sind Sie nicht immer frische Daten vom server und Sie müssen die Aktualisierung der cachefähigkeit Einstellungen auf der Seite, die aufgerufen wird via ajax.

    • Dies hat mir geholfen, danke! Die Website wurde in Zusammenarbeit mit Entwickler-Tools. Danke!
    InformationsquelleAutor Onkel-j
  3. 2

    Hinzufügen, auf die bereits große Antworten (da kann ich nicht kommentieren - erfordert 50 rep-Punkte), die Zustimmung mit der Antwort von @sam100rav und der Kommentar von @storsoc, entdeckte ich, dass im IE11 version 11.1387.15063.0 mit aktualisierten version 11.0.90 (KB4462949), dass window.console tatsächlich gibt, als ein leeres Objekt (window.console = {}). Daher habe ich eine Variante von der polyfill von @storsoc wie unten gezeigt.

    JS:

    if (!window.console || Object.keys(window.console).length === 0) {
  window.console = {
    log: function() {},
    info: function() {},
    error: function() {},
    warn: function() {}
  };
}

    InformationsquelleAutor akaustav
  4. 1

    Ich nehme an, Sie haben behoben, da Sie es gepostet hat, kann ich nicht sehen, das Verhalten, das Sie beschreiben in Ihrem link.

    Allerdings habe ich vor kurzem ein ähnliches Problem, wo die dev-tools öffnen, verändert sich das Verhalten nicht wegen der Konsole Fragen, doch da öffnen sich die Werkzeuge verändert, die Breite dem Fenster. Es war das Fenster der Breite Unterschied, dass löste einen zugrunde liegenden Fehler in meinem Fall.

    Related post hier.

    InformationsquelleAutor Mark Meuer
  5. 0

    Es ist möglich, hast du den Kompatibilitätsmodus eingestellt auf eine neuere version von IE in Ihrer developer console (siehe markierten Bereich)Website verhält sich anders, wenn der Entwickler-Werkzeuge sind open-IE11

    InformationsquelleAutor e.w. parris
  6. 0

    Als wies schon ist es da IE11 + Edge<=16 ist so dumm, dass es nicht unterstützt console , es sei denn, developer tools geöffnet wird... Also, wenn Sie öffnen Sie, um das caching zu deaktivieren, die Sie nicht sehen, keine Probleme und man könnte denken, dass das Problem nur durch den browser-cache... aber pustekuchen.. :@

    Habe ich dieses "polyfill" für die es (nicht wirklich polyfill, macht aber der IE nicht werfen Fehler). Fügen Sie es so früh wie möglich auf Ihrer Website wie jede js verwenden könnten console.log oder console.warn etc.

    window.console = typeof window.console !== 'object' || {};
console.warn = typeof console.warn === 'function' || function () {
  return this;
};
console.log = typeof console.log === 'function' || function () {
  return this;
};
console.info = typeof console.info === 'function' || function () {
  return this;
};
console.error = typeof console.error === 'function' || function () {
  return this;
};
console.assert = typeof console.assert === 'function' || function () {
  return this;
};
console.dir = typeof console.dir === 'function' || function () {
  return this;
};
console.table = typeof console.table === 'function' || function () {
  return this;
};
console.group = typeof console.group === 'function' || function () {
  return this;
};
console.groupEnd = typeof console.groupEnd === 'function' || function () {
  return this;
};
console.time = typeof console.time === 'function' || function () {
  return this;
};
console.timeEnd = typeof console.timeEnd === 'function' || function () {
  return this;
};
console.timeLog = typeof console.timeLog === 'function' || function () {
  return this;
};
console.trace = typeof console.trace === 'function' || function () {
  return this;
};
console.clear = typeof console.clear === 'function' || function () {
  return this;
};
console.count = typeof console.count === 'function' || function () {
  return this;
};
console.debug = typeof console.debug === 'function' || function () {
  return this;
};
console.dirxml = typeof console.dirxml === 'function' || function () {
  return this;
};
console.groupCollapsed = typeof console.groupCollapsed === 'function' || function () {
  return this;
};
    InformationsquelleAutor OZZIE
Schreibe einen Kommentar