Fenster.Lage.hash erfrischen Sie sich in Chrome?

War ich dabei einige snooping auf dem web und fand window.location.hash = "etc" zu einer weit verbreiteten Methode zum aktualisieren des Browsers Lage ohne Neuladen /aktualisieren der Seite. Ich habe angewandt, dass zu diesem Beispiel habe ich gekocht: http://dl.dropbox.com/u/1595444/locationExample/index.html

Gut funktioniert in Safari, aber...

Was ich bemerkt habe ist, dass in Chrome 10+ bei einer änderung hash:

  • Es ist so etwas ähnliches wie ein "reload".
  • Die daraus resultierende symptom ist ein Schluckauf, wie der Benutzer führt einen Bildlauf nach oben oder unten.
  • Meine Ausgabe in der Konsole ist erhalten (wenn Sie Ihre Konsole das Projekt "string' s sind ausgegeben).
  • Das favicon scheint nachladen.

    • Hat jemand dieses problem vor? Weiß eine Lösung?

    InformationsquelleAutor jonobr1 | 2011-04-13
    1. 6

      Gibt es wahrscheinlich zwei Sachen hier:

      • Das favicon und stop/refresh-buttons flackern, weil der ein Chrome-bug (erwähnt pushState, aber hash-änderungen
        auf der gleichen code-Pfad).
      • Die leichte Schluckauf beim scrollen ist, da Chrome eine Seite komplett neu Lackieren und mit hoher Qualität Skala, die Seite zu aktualisieren thumbnail, da es in Anbetracht hash-änderungen generieren eine neue URL. Das ist auch ein bug. Sie können dies in der inspector-Ansicht Zeitachse, die meisten scroll-Ereignisse resultieren in einer repaint von Fenster Breite x einige kleine Höhe, aber gelegentlich gibt es eine Vollbild-repaint. In diesem blog-post hat ein paar mehr details.

      Einen workaround für beide wäre zu verzögern die Aktualisierung der hash, bis der Benutzer fertig ist scrollen (können Sie immer noch aktualisieren Sie die weiße Leiste, die erscheint unter dem aktuellen Element sofort). Sie können dies tun, indem er etwas wie:

      var scrollTimeout;
window.onscroll = function() {
  //update current item display here
  if (scrollTimeout)
    clearTimeout(scrollTimeout);
  scrollTimeout = setTimeout(function() {
    scrolTimeout = undefined;
     //update hash here
  }, 100);
};

      Da es aussieht wie man mithilfe von jQuery, es gibt entprellung plugins, die hilfreich sein können.

      • Derzeit springt der Anker funktioniert nur, wenn es keine hash-set. (zB: Ihre.tld/blog#comment-1) - Sprung zu einem neuen Anker setzen Sie den hash auf null ("Fenster".Lage.hash = null) vor dem auftragen der neuen hash (window.Lage.hash = '#comment-2'), und als es funktioniert. Hoffe, dass jemand hilft.
      InformationsquelleAutor Mihai Parparita
    2. 1

      Ich habe nicht eine definitive Antwort, aber zuerst würde ich versuchen:

      1. Vor dem hash-Symbol (#) auf dem Wert (D. H. mit dem Fenster.Lage.hash = "#usw").
      2. Einen handler registrieren, der für die Fenster.onhashchange hf.
      3. Alternativ können Sie erwägen, Geschichte.pushState wenn das, was Sie versuchen zu erreichen, ist der zurück-Taste kehren Sie zum vorherigen logischen Ort (es ist mir nicht klar, was Sie versuchen zu erreichen, ob Sie wollen einfach nur, um zu springen, um einen Abschnitt auf der Seite, oder etwas komplizierter).
      InformationsquelleAutor Michael Aaron Safyan
    3. 1
      var r='#hello';
if(navigator.userAgent.indexOf('Chrome/')!=-1){
 top.history.pushState("", "", r);
 return;
};
if(r.charAt(0)=='/'){
  top.location.replace(r);
 }else{
  top.location.hash=r;
};

      Arbeitete für mich. Und es dauerte eine lange Zeit, um dies herauszufinden. Auch Firefox unterstützt die history Objekt nun, so können wir in der Lage sein, um loszuwerden, das ganze "hash", was in ein paar Jahren.

      EDIT: ja, das nachladen, was ist ein Chrome-bug.

      InformationsquelleAutor Zdenek
    Schreibe einen Kommentar