2013-12-08 4 views
0

Я создал сайт, который index.php представляет собой короткую анимированную серию текстов (не моя идея, я посоветовал против нее, но я не босс), но в любом случае моя проблема с эта анимация заключается в том, что она не поддерживается IE, и она тоже не реагирует, поэтому она также выглядит дерьмовой в телефонах.перенаправить моих посетителей IE на другую страницу

Вопрос в том, кто-нибудь из вас когда-либо слышал о сценарии или jquery, которые я могу использовать, это будет обнюхивать браузер (IE> 1, Android, IO и т. Д.) И перенаправить их на home.php на том же сайте?

Возможно, скрипт PHP с заголовком: Местоположение ... Я ничего не знаю.

p.s. Я пробовал все, что я читал в переполнении стека, и ничего не работает.

Это ближайшее я получил к любому ответу, но не совсем то, что я ищу

<script type="text/javascript"> 

    var sBrowser, sUsrAg = navigator.userAgent; 

    if(sUsrAg.indexOf("Chrome") > -1) { 
    sBrowser = "Google Chrome"; 
    } else if (sUsrAg.indexOf("Safari") > -1) { 
    sBrowser = "Apple Safari"; 
    } else if (sUsrAg.indexOf("Opera") > -1) { 
    sBrowser = "Opera"; 
    } else if (sUsrAg.indexOf("Firefox") > -1) { 
    sBrowser = "Mozilla Firefox"; 
    } else if (sUsrAg.indexOf("MSIE") > -1) { 
    sBrowser = "Microsoft Internet Explorer"; 
    } 

    alert("You are using: " + sBrowser); 
</script> 

Заранее спасибо

+0

как слово совета, IE11 больше не имеет 'MSIE' в строке userAgent – Markasoftware

+0

hmmm, interesting. спасибо, я этого не знал. Они изменили его на что-нибудь еще? IE, IE11, ... и т. Д.? *** edit **** Я снял MSIE и оставил пустое пространство, и он ответил правильно. В поле «Предупреждение» указано, что в нем обнаружен Int Exp. Я попытаюсь перенаправить сейчас с помощью window.location, и если это сработает, я отвечу Markasoftware на ответ ... Но если у кого-то еще есть лучшее, более практичное или более эффективное решение, я открыт для их прослушивания. – user32642

+0

возможно лучше не проверять браузер, но проверить поддержку анимации – Grundy

ответ

0

У вас есть отождествление браузера работает хорошо, просто нужно перенаправить используя javascript.

Так что-то вдоль линий:

var sUsrAg = navigator.userAgent; 

if(sUsrAg.indexOf("Mobile") > -1) { 
    window.location = '/unsupportedpagemobile.html'; 
} else if (sUsrAg.indexOf("MSIE") > -1) { 
    window.location = '/unsupportedpageie.html'; 
} 

</script> 
+0

Брайан, это было полезно, извините, я не мог дать вам стрелку вверх (недостаточно, чтобы она говорила), но в любом случае эта сортировка решила проблему. Это перенаправление, но оно перенаправляется независимо от используемого браузера. Мне нужна страница для отображения в Chrome, Firefox, Safari и Opera – user32642

0

Большинство CSS анимации обрабатываются очень хорошо в современных версиях Internet Explorer. Фактически, Internet Explorer поддерживал непревзойденные свойства перед многими конкурентами. Возможно, ваши анимации CSS не работают в IE из-за несбалансированного использования префиксов поставщиков. Вы только ориентируетесь на такие вещи, как -webkit-transition и -moz-transition, забыли также включить transition?

Ваша анимация не будет работать в более ранних версиях Internet Explorer, хотя вы не заполняете их с помощью jQuery, используя $.fn.animate для достижения аналогичного поведения. Это может быть или не быть возможным, учитывая тип анимации, которую вы делаете, - если это всего лишь скользящий текст вокруг и выцветание его в/из, то вы, безусловно, можете добиться такого же эффекта для более старых версий IE.

Последним вариантом будет создание IE-specific conditional comments и размещение в них сценария, чтобы переместить пользователя на альтернативный опыт. Не занимайтесь просмотром браузера; вы собираетесь отправлять пользователям IE11 (который может обрабатывать ваш современный опыт), что не имеет смысла. Вместо этого используйте функции, предоставляемые браузерами, на которые вы хотите настроить таргетинг; таких как условные комментарии.

<!--[if lte IE 9]> 
    <script> 
    /* 
     In this space we can do one of two things: 
     1) Redirect user to an alternative experience with window.location, or 
     2) Provide animations via jQuery .animate method. 
    */ 
    </script> 
<![endif]--> 
Смежные вопросы