Como detectar o usuário do tipo de browser no CSS3

Na maioria dos casos, os desenvolvedores não consegue escolher o navegador do usuário. Para determinar se um determinado usuário pode trabalhar com seu aplicativo CSS3, então, você precisa primeiro a detectar o navegador do usuário - e, em seguida, determinar se esse navegador é aceitável.

Criando o código necessário para executar esta tarefa à mão não é impossível, mas pode ser difícil. Artigos como o que está em javascripter.net dizer-lhe como executar esta tarefa, mas um olhar para o código deve dizer-lhe que é uma tarefa complexa. (Você pode ver o resultado deste código de exemplo Aqui.)

jQuery faz com que seja possível realizar a detecção com relativa facilidade. O exemplo a seguir mostra um método para detectar o nome ea versão do navegador do usuário. Baseia-se na mais recente 1.x versão do jQuery, que é a versão 1.10.1 no momento da redação deste texto. (Você pode encontrar o código completo para este exemplo no Capítulo 06 pasta do jQuery código para download como BrowserDetect.html).

Detectar um navegador

Informações do navegador

Esta é uma página HTML 5, de modo que começa com a declaração HTML, . Este exemplo começa com uma estrutura de base que inclui o , , , e <body> etiquetas.</body>

O código começa com o primeiro

Qualquer um que usa o aplicativo terá automaticamente acesso a jQuery, desde que o navegador pode acessar a Internet. (Você também pode baixar uma cópia do jQuery para o acesso local a partir do site do jQuery.)

O último 1.x versão do jQuery não suporta o recurso de detecção de navegador diretamente. A fim de tornar o trabalho recurso com qualquer coisa mais recente que jQuery 1.8.3, você também deve incluir o link para o biblioteca jQuery Migrate como mostrado no exemplo.

o da página começa com um

tag que contém cabeçalho da página. O próximo passo é fornecer um lugar para jQuery para colocar o nome do browser.

Neste caso, o exemplo utiliza um

(Parágrafo) tag que tem um id de nome. O primeiro

É hora de exibir o nome na tela. O $ (cifrão) é um símbolo especial que se refere à biblioteca jQuery, que também é chamado de Application Programming Interface (API). O trecho de código que diz: $ ( 'p [id = "nome"]'). Html, diz jQuery para usar o

tag com um valor id do nome para segurar alguns HTML. Este é um tipo de selector.

Agora você tem uma tag específica selecionada. O código, então, diz jQuery para criar algum texto, um , e em seguida, coloque o nome do navegador dentro desse período. Toda esta informação aparece no

tag após o script é executado.

Em seguida, vem um segundo

tag. Este tem um atributo id de versão. O script de acompanhamento começa a mesma de antes. O $ ( 'p [id = "versão"]'). Html entrada diz jQuery para colocar um pouco de HTML na

tag com um atributo id de versão. Neste caso, jQuery fornece o que você precisa como uma propriedade. Todo o código tem de fazer é dizer jQuery para colocar o valor na browser.version dentro do

tag para exibir o número da versão do navegador. Quando você executar este exemplo, você ver uma saída semelhante a esta:

image0.jpg

Uma biblioteca pode detectar apenas os navegadores Ele foi projetado para detectar. Consequentemente, jQuery detecta alguns navegadores, mas não outros. Por exemplo, você não pode atualmente usá-lo para detectar um navegador Android porque o Android não está na lista de navegadores suportados pelo jQuery (que se concentra em navegadores de desktop).

A maioria dos métodos de detecção navegador dependem de cadeias de agente de usuário que contêm informações sobre o browser. Para ver a seqüência de agente do usuário para o seu navegador, consulte a Qual é o meu agente do usuário?. Geralmente você pode encontrar listas de cadeias de agente de usuário para dispositivos online.

menu