У меня есть аккуратный код, который отображает один <title>
в течение пары секунд после загрузки, а затем заменяет его другим <title>
. Эффект, который мы пытаемся достичь, не работает в некоторых версиях Safari или iPad, поэтому я хочу проверить Safari - и если браузер Safari, отмените эффект. То, что мы имеем на данный момент не работает - я уверен, что проблема заключается в функции safariFix, но я еще нуб, и не уверен, что это не так: блокиusing replaceWith на заголовке окна в зависимости от браузера
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Uppagus</title>
<link rel="stylesheet" type="text/css" href="uppagusSTYLE.css" />
<link rel= "shortcut icon" media="all" type="image/x-icon" href="http://www.uppagus.com/favicon.ico" />
<link rel= "icon" media="all" type="image/vnd.microsoft.icon" href="http://uppagus.com/favicon.ico" />
<meta http-equiv="Page-Exit" content="revealTrans(Duration=2.0,Transition=23)">
<script src="jquery.min.js"></script>
<script>
var isSafari;
var ua = navigator.userAgent.toLowerCase();
if(ua.indexOf('safari') != -1) {
if(ua.indexOf('chrome') > -1) {
var isSafari = false;
} else {
var isSafari = true;
safariFix();
}
} else {
isSafari = false;
}
function safariFix() {
$(function() {
$('#googleFix').replaceWith('<script id="safariFix">function updateTitle() { document.getElementsByTagName("title")[0].innerHTML = "Uppagus";</script>');
});
}
</script>
<script id="googleFix">
function updateTitle() {
setTimeout(function() {
document.getElementsByTagName('title')[0].innerHTML = 'ppagus';
}, 2000);
}
</script>
...
</head>