Czy mogę uzyskać funkcję history.back() do pracy w przeglądarce Chrome przy użyciu protokołu file: //?

Buduję aplikację w środowisku, w którym jestem ograniczony do korzystania z lokalnego systemu plików i przeglądarki (np. Uruchamianie serwera nie jest opcją). Mam ogólny link "wróć" na wielu stronach, które głównie wywołują tylko history.back(). Wygląda to mniej więcej tak:Czy mogę uzyskać funkcję history.back() do pracy w przeglądarce Chrome przy użyciu protokołu file: //?

function goBack(evt) { 
    // Check to see if override is needed here 

    // If no override needed, call history.back() 
    history.back(); 
} 

$('#my-back-button').click(goBack);

Ten kod działa poprawnie w przeglądarkach Firefox i IE6 (nie pytaj), ale kończy się niepowodzeniem w przeglądarce Chrome. Wszelkie sugestie, dlaczego i/lub możliwe rozwiązania?

Próbowałem również history.go(-1);, który również nie działa.

Źródło

2012-02-24 Horatio Alderaan

Czy jakieś wyszukiwania Google na „chrom przycisk nie działa wstecz” może to być błąd przeglądarki, kod jest w porządku. Przesyłam raport w Google. –

@MikeL. Dzięki za wskazówkę, ale Google to okazało się nieproduktywne. Czy istnieje sposób potwierdzenia, że jest to prawdziwy błąd? –

Spróbuj tego: _chrome obejście do wyzwalania zdarzeń kliknięcia na elements_ '$ .fn.forwardEvent = function() {zdarzeń \t \t this.each (function() { \t \t \t if() {this.dispatchEvent \t \t \t \t if (event.originalEvent) { \t \t \t \t \t zdarzenie = event.originalEvent \t \t \t \t} \t \t \t \t try { \t \t \t \t \t this.dispatchEvent (event); \t \t \t \t} catch (error) { \t \t \t \t \t $ (this).spust (zdarzenie); \t \t \t \t} \t \t \t} \t \t \t else { \t \t \t \t $ (this) .trigger (event); \t \t \t} \t \t}); \t \t zwróć to; \t}; ' – heliogabal

Z jakiegoś powodu w Chrome, trzeba dodać return false po wywołaniu history.go (-1)

Zmień swoją funkcję:

function goBack(evt) { 
// Check to see if override is needed here 

// If no override needed, call history.back() 
history.go(-1); 
return false; 
}

Źródło

2012-03-03 19:51:38

Dziękuję. To się udało. Jakiś pomysł, dlaczego to może być? –

To jest właściwy sposób, aby to zrobić, więc widocznie Google zmusza Cię do zrobienia tego we właściwy sposób. –

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>Untitled Document</title> 
</head> 
<body> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    function goBack(evt) { 
    // Check to see if override is needed here 

    // If no override needed, call history.back() 
    history.back(); 
    $('#my-back-button').forwardEvent('click'); 
} 

$('#my-back-button').click(goBack); 

/** 
* chrome workaround for triggering click events 
* @param {event} event event 
* @return {undefined} Returns undefined 
*/ 
    $.fn.forwardEvent = function(event) { 
     this.each(function() { 
      if (this.dispatchEvent) { 
       if (event.originalEvent) { 
        event = event.originalEvent 
       } 
       try { 
        this.dispatchEvent(event); 
       } catch(error) { 
        $(this).trigger(event); 
       } 
      } 
      else { 
       $(this).trigger(event); 
      } 
     }); 
     return this; 
    }; 
}); 
</script> 
<input type="button" value="<<<<" id="my-back-button"> 
</body> 
</html>

Źródło

2012-02-29 21:21:18 heliogabal

Hmmm. Przykro mi, ale to wydaje się tworzyć nieskończoną rekursję. Problemem nie jest $ ('# my-back-button'), który nie otrzymuje zdarzenia kliknięcia, ale raczej to, że history.back() nic nie robi. –

Cóż, testowałem go w chrome vs. Twój oryginalny kod i działa. Z protokołem "file: ///" itp. Nie działa dla Ciebie? – heliogabal

OK, epickiej awarii tutaj, bo to działa dla mnie mimo to, bez przekazywania zdarzeń ... Czy możesz wkleić dokładny kod strony używanej do testowania? Pozbawiony niepotrzebnych rzeczy, oczywiście minimum. – heliogabal

Dla Chrome skorzystać z poniższego kodu:

<a href="#" onclick="javascript:history.go(-1);return false;" style="text-decoration:underline;">Back</a>

Tylko ten kod zadziała ..

Mam nadzieję, że to pomoże ... Szczęśliwe kodowanie .. :)

Źródło

2013-10-04 05:24:23 Viishnuu

Ogólnie rzecz biorąc, używanie "onclick" (i podobnych) do ustawiania procedur obsługi zdarzeń jest uważane za złą praktykę. Zobacz: http://stackoverflow.com/questions/5871640/why-is-using-onclick-in-html-a-bad-practice, aby uzyskać więcej informacji. –

var referrer = document.referrer; window.location.replace (referrer);

Funkcja ta będzie działać

Źródło

2016-08-10 23:47:56

Czy mogę uzyskać funkcję history.back() do pracy w przeglądarce Chrome przy użyciu protokołu file: //?

Odpowiedz

Powiązane problemy