Jak przekierować użytkownika na inną stronę?

Question

Muszę zrobić, aby przekierować użytkownika na inną stronę, zgodnie z językiem przeglądarki. Na przykład: jeśli język przeglądarki: english przekieruj do site.com/en/.

staram się zrobić to tak:

$(document).ready(function() { 
    var userLang = navigator.language || navigator.userLanguage; 

    switch (userLang) { 
     case 'en': 
      window.location.href = window.location.origin + '/en'; 
      break; 
     case 'de': 
      window.location.href = window.location.origin + '/de'; 
      break; 
     default: 
      break; 
    } 
}); 

To działa, ale strona jest ciągle przeładowane. Jak go rozwiązać lub zachęcić do innego rozwiązania?

Answer 1

Strona jest ciągle przeładowywana, ponieważ nie sprawdzasz, czy użytkownik jest już na właściwej stronie językowej.

Na twoich stronach możesz zapisać zmienną javascript dla stron utworzonych przez język po stronie serwera. Na przykład:

var thisLanguage = 'en'; 

Następnie zmień JavaScript logikę wziąć to pod uwagę i stosować tylko przekierowanie jeśli język użytkownika różni się thisLanguage:

$(document).ready(function() { 
    var userLang = navigator.language || navigator.userLanguage; 

    if (userLang != thisLanguage){ 

     switch (userLang) { 
      case 'en': 
       window.location.href = window.location.origin + '/en'; 
       break; 
      case 'de': 
       window.location.href = window.location.origin + '/de'; 
       break; 
      default: 
       break; 
     } 

    } 
}); 

Answer 2

myślę, że należy wykryć języka poprzez czytanie to z adresu URL, ponieważ chcesz przekierować użytkowników do odpowiedniego adresu URL:

$(document).ready(function() { 

    var languageSuffix = window.location.pathname; 
    if(languageSuffix !== '/') { 
     return; 
    } 

    var userLang = navigator.language || navigator.userLanguage; 

    switch (languageSuffix) { 
     case '/en': 
      window.location.href = window.location.origin + '/en'; 
      break; 
     case '/de': 
      window.location.href = window.location.origin + '/de'; 
      break; 
     default: 
      break; 
    } 
}); 

Answer 3

Możemy sprawdzić, czy adres URL jest taki sam, jak aktualny adres URL coś takiego:

$(document).ready(function() { 
    var userLang = navigator.language || navigator.userLanguage; 
    var urlToRedirect = ''; 

    switch (userLang) { 
     case 'en': 
      urlToRedirect = window.location.origin + '/en'; 
      break; 
     case 'de': 
      urlToRedirect = window.location.origin + '/de'; 
      break; 
     default: 
      break; 
    } 
    if(urlToRedirect!=='' && urlToRedirect!==window.location.href){ 
     window.location.href = urlToRedirect; 
    } 
}); 

Answer 4

Spróbuj coś jak poniżej:

$(document).ready(function() { 
    var url = $(location).attr('href'); 
    var userLang = navigator.language || navigator.userLanguage; 

    if(url.indexOf("/en") == -1 && userLang == 'en') { 
     window.location.href = window.location.origin + '/en'; 
    } else if (url.indexOf("/de") == -1 && userLang == 'de'){ 
     window.location.href = window.location.origin + '/de'; 
    } else { 
     // Do nothing 
    } 
});