PHP/HTML/CSS - если FireFox, если Chrome, если Safari

Ответ 1

С помощью CSS вы не можете добиться обнаружения браузера. Однако с PHP, ASP и другими языками программирования вы можете обнаружить браузер на странице. Я здесь не для того, чтобы рассказать вам о профессионалах или о них - я полагаю, вы знаете о плохом и хорошем об обнаружении браузера и веб-стандартах, но вот список.

Решение PHP.

if(isset($_SERVER['HTTP_USER_AGENT'])){
    $agent = $_SERVER['HTTP_USER_AGENT'];
}

Затем сравните его с тем, что вы хотите

Для сравнения с, например, "firefox" вы должны:

if(strlen(strstr($agent,"Firefox")) > 0 ){      
    $browser = 'firefox';
}
if($browser=='firefox'){
    echo '<style type="text/css">.element{top:2px}';
}

Решение jQuery.

// Safari CSS and Webkit Google Chrome
if ($.browser.webkit) {
   $("#element").css('top', '2px');
} else if ( $.browser.safari ) //not fully supported on 1.7 jQuery {
   $("#element").css('top', '2px');
// Opera CSS
} else if ( $.browser.opera ) {
   $("#element").css('top', '2px');
// Internet Explorer CSS
} else if ( $.browser.msie ) {
   $("#element").css('top', '2px');
// Mozilla FireFox CSS
} else if ( $.browser.mozilla ) {
   $("#element").css('top', '2px');
// Normal Revert, careful and note your the use of !important
} else {
   $("#element").css('top', '2px');
   // You can have normal JavaScript between these too
   document.getElementById("element").style.top="2px";
}

Решение Mootools.

if (Browser.ie){
    // This code will only run in IE
}

if (Browser.firefox2){
    // This code will only run in Firefox 2
}
if (Browser.firefox){
    // This code will only run in Firefox 
} 
if (Browser.chrome){
    // This code will only run in Chrome
} 
if (Browser.opera){
    // This code will only run in Chrome
}   
if (Browser.ie6 || Browser.ie7){
    // Please upgrade your browser
}
// Also notice you can use Engine.trident
if(Browser.Engine.trident) {

}

Решение прототипа.

if(Prototype.Browser.IE){
  // do something IE specific
}
if(Prototype.Browser.Opera){
  // do something Opera specific
}
if(Prototype.Browser.WebKit){
  // do something WebKit specific
}
if(Prototype.Browser.MobileSafari){
  // do something MobileSafari specific - iPhone etc
}
if(Prototype.Browser.Gecko){
  // do something Gecko specific
}

Ответ 2

Сделать это только с помощью CSS.

Вы можете настроить таргетинг на Firefox с помощью этого "взлома":

@-moz-document url-prefix() {...}

И Chrome и Safari вместе вот так:

@media screen and (-webkit-min-device-pixel-ratio:0) {...}

Но не обязательно рекомендуется...

Ответ 3

Использование javascript:

navigator.appCodeName

Сохраняет кодовое имя браузера:

navigator.appName

Это имя браузера.

Но я бы рекомендовал использовать jQuery для большей эффективности и меньше головных болей:

if ($.browser.webkit) {
   $("#div ul li").css( "display","inline-table" );
} else if ( $.browser.msie ) {
   $("#div ul li").css( "display","inline" );
} else {
   $("#div ul li").css( "display","inline-table" );
}

EDIT: Согласно jQuery.com:

• webkit (Chrome и Safari)

• сафари (устаревшее)

• опера

• msie (Internet Explorer)

• mozilla (Firefox)

Источник: Сайт JQuery

Ответ 4

В php вы можете использовать этот код для обнаружения браузеров

<?php
  $msie = strpos($_SERVER["HTTP_USER_AGENT"], 'MSIE') ? true : false;
  $firefox = strpos($_SERVER["HTTP_USER_AGENT"], 'Firefox') ? true : false;
  $safari = strpos($_SERVER["HTTP_USER_AGENT"], 'Safari') ? true : false;
  $chrome = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false;
?>