3

Hoje cedo fiz esta pergunta.

O que preciso saber, é como posso fazer algo parecido com isso:

  • Verificar se o navegador é ou não o Safari.

  • Se for, section#internal.services aside ul li a deve receber este css:

CSS aplicado:

color:#666666;
display:block;
font:normal normal bold 15px/normal Questrial, Arial;
height:70px;
line-height:4em;

Qual seria a melhor forma de fazer isso, com php?

6
  • A página html é gerada a partir de uma template engine como dwoo ou smarty?
    – Ricardo
    Commented 17/07/2015 às 18:51
  • @ricardo Não...
    – Skyirn
    Commented 17/07/2015 às 18:52
  • Como é gerada? poste aqui
    – Ricardo
    Commented 17/07/2015 às 18:53
  • @ricardo Perdão, sou novo em programação, não entendi ao que você se refere...
    – Skyirn
    Commented 17/07/2015 às 18:55
  • Postei pra ti a resposta, verifique. Testei aqui e está funcionando corretamente. Commented 17/07/2015 às 19:00

2 Respostas 2

3

É possivel verificar o user agent desta forma:

  <?php
    $useragent = $_SERVER['HTTP_USER_AGENT'];

  if (preg_match('|MSIE ([0-9].[0-9]{1,2})|',$useragent,$matched)) {
    $browser_version=$matched[1];
    $browser = 'IE';
  } elseif (preg_match( '|Opera/([0-9].[0-9]{1,2})|',$useragent,$matched)) {
    $browser_version=$matched[1];
    $browser = 'Opera';
  } elseif(preg_match('|Firefox/([0-9\.]+)|',$useragent,$matched)) {
    $browser_version=$matched[1];
    $browser = 'Firefox';
  } elseif(preg_match('|Chrome/([0-9\.]+)|',$useragent,$matched)) {
    $browser_version=$matched[1];
    $browser = 'Chrome';
  } elseif(preg_match('|Safari/([0-9\.]+)|',$useragent,$matched)) {
    $browser_version=$matched[1];
    $browser = 'Safari';
  } else {
    $browser_version = 0;
    $browser= 'other';
  }
?>

<html>
    <head>
        <title></title>
        /*<?php 
            if($browser == 'Safari')
                echo '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">';
            else
                echo '<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>';
         ?>*/
    </head>
    <body>
         <?php 
              if($browser == 'Safari'){
                  echo '<span id="#internal"></span>';
              }else{
                  echo '<span></span>';
              }
         ?>
    </body>
</html>

Como desejo do AP foi aplicado o id especifico ao elemento caso o browser seja o safari. É necessário que o estilho que será aplicado ao elemento quando no safari esteja no css.

Adendo: Ainda é possível com esta Super Global $_SERVER['HTTP_USER_AGENT'] identificar qual o SO

6
  • ricardo obrigado pela resposta, pode me mostrar como posso fazer usando o css no html? digo sem chamar um arquivo externo.
    – Skyirn
    Commented 17/07/2015 às 19:17
  • Por exemplo, se for safari section#internal.services aside ul livai receber aquele css que passei na pergunta
    – Skyirn
    Commented 17/07/2015 às 19:18
  • Adicionei o meu html a pergunta, gostaria de adicionar o css utilizando a tag <style> para o elemento section#internal.services aside ul li a
    – Skyirn
    Commented 17/07/2015 às 19:39
  • Perdão ricardo, acho que não me expliquei bem. Eu preciso que o elemento section#internal.services aside ul li a receba um css caso esteja no safari, caso em outro, receba outro css. Mas quero fazer isso no mesmo arquivo. Usando <style> section#internal.services aside ul li a { ..........}</style>.
    – Skyirn
    Commented 17/07/2015 às 19:49
  • Mas no meu exemplo você pode definir ele. Porém, não é possivel se ele estiver externo... Ele precisa estar no mesmo arquivo que está recebendo a página do CSS, porque não dá para interagir o CSS dentro de um arquivo .css, só se ele estiver dentro do <style> Commented 17/07/2015 às 19:53
2

Você pode buscar o userAgent, e verificar o navegador, e com base nisso, pode então definir seu css.

Segue o exemplo:

 if (preg_match('|MSIE ([0-9].[0-9]{1,2})|',$useragent,$matched)) {
    $css = "border: solid 5px blue;";
    $browser = 'IE';
  } elseif (preg_match( '|Opera/([0-9].[0-9]{1,2})|',$useragent,$matched)) {
    $css = "border: solid 5px blue;";
    $browser = 'Opera';
  } elseif(preg_match('|Firefox/([0-9\.]+)|',$useragent,$matched)) {
    $css = "border: solid 5px red;";
    $browser = 'Firefox';
  } elseif(preg_match('|Chrome/([0-9\.]+)|',$useragent,$matched)) {
    $css = "border: solid 5px blue;";
    $browser = 'Chrome';
  } elseif(preg_match('|Safari/([0-9\.]+)|',$useragent,$matched)) {
    $css = "border: solid 5px red;";
    $browser = 'Safari';
  } else {
    $css = "border: solid 5px red;";
    $browser= 'other';
  }

Use da seguinte forma:

No $css eu inclui o CSS, e então você pode colocar:

<style> 
     section#internal.services aside ul li a { 
       <?php echo $css; ?>
     }
</style>

Com isto, importará o css corretamente.

16
  • André, como definiria o css assim fazendo?
    – Skyirn
    Commented 17/07/2015 às 19:04
  • A verificação funciona corretamente, mas não entendi como posso definir o css! Pode me ajudar?
    – Skyirn
    Commented 17/07/2015 às 19:11
  • Você pode colocar o CSS dentro do $css ou então, você pode definir o css dele separado... <link rel="stylesheet" href=....> se caso for Firefox, ou se for os demais, você pode definir o outro css. Commented 17/07/2015 às 19:22
  • Mas como digo que meu elemento deve receber o estilo dentro de $css?
    – Skyirn
    Commented 17/07/2015 às 19:24
  • Coloquei um exemplo pra ti Commented 17/07/2015 às 19:25

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .