La tarea es determinar el dispositivo del usuario, ya sea iPad o no, usando JQuery. A continuación se muestran los métodos necesarios:
- Propiedad del agente de usuario del navegador :
esta propiedad devuelve el valor del encabezado del agente de usuario que envía el navegador al servidor.
Valor devuelto, tiene información como nombre, versión y plataforma del navegador.Sintaxis:
navigator.userAgent
Valor devuelto:
Devuelve una string, que representa la string del agente de usuario del navegador actual.
Ejemplo: este ejemplo utiliza la propiedad navigator.userAgent para identificar el dispositivo del usuario.
<!DOCTYPE HTML>
<html>
<head>
<title>
JQuery
| Detect iPad users.
</title>
</head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
</script>
<body style="text-align:center;"
id="body">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"
style="font-size: 17px;
font-weight: bold;">
</p>
<button>
click here
</button>
<p id="GFG_DOWN"
style="color: green;
font-size: 24px;
font-weight: bold;">
</p>
<script>
$('#GFG_UP').text(
"Click on the button to see "+
"whether user's device is iPad or not");
$('button').on('click', function() {
var is_iPad =
navigator.userAgent.match(/iPad/i) != null;
$('#GFG_DOWN').text(is_iPad);
});
</script>
</body>
</html>
Producción:
- Antes de llegar al fondo:
- Después de llegar al fondo:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA