Recientemente, hemos estado ocupados con el proyecto de nuestro equipo "Wings of Coffee", en el que brindamos una excelente experiencia para la plataforma móvil. Con la prosperidad de la plataforma Android. No solo ha impulsado la industria nacional de teléfonos inteligentes, sino que muchos desarrolladores nacionales también han comenzado a dedicarse a la gran ola de terminales móviles de Android. Si te perdiste muchas ondas de Internet. Entonces no debes perderte esta ola de Android. En la actualidad, hemos desarrollado terminales móviles y clientes de Android para "alas de café". Todos usan los teléfonos móviles del sistema operativo Android o iOS y acceden directamente al nombre de dominio www.sygxy.cn para ver los efectos de los terminales móviles. Al mismo tiempo, los clientes de Android se han lanzado en las tiendas de aplicaciones "Tesoro de aplicaciones" de Tencent y "Asistente móvil de Baidu". Puede buscar "alas de café" directamente para descargar. Sin ninguna promoción, solo se ha lanzado durante una semana y tiene más de 100 descargas.
Si necesita optimizar el terminal móvil, lo que debe hacer es determinar cuál es el dispositivo de acceso del cliente. A través del resultado del juicio, devuelva la dirección del nombre de dominio que no se puede usar, y luego cargue diferentes archivos CSS.
El método de juicio que utilizamos es hacer juicios a través del valor del agente de usuario. Use la propiedad UserAgent del objeto Navigator en el marco JavaScript. No hay un estándar público para los objetos de navegación, pero este objeto ahora es compatible con todos los navegadores en el mercado. Use el atributo UserAgent para devolver el valor del encabezado de agente de usuario del servidor enviado por el cliente. Hay un agente de usuario en la información del encabezado, que se utiliza para decirle al servidor, qué navegador es el cliente del usuario y la información del sistema operativo. Use expresiones regulares para obtener valores de agente de usuario. Determinar con el valor local. Este valor coincidente puede ser un sistema operativo móvil como Android o iOS, o puede ser el nombre del navegador. Si hay una coincidencia, saltará, de lo contrario no saltará y irá directamente a la página de inicio del lado de PC.
Para la implementación específica del código, utilizamos el lenguaje de script JavaScript para mejorar la portabilidad del sitio web. En mi opinión, hay dos ventajas de usar esta tecnología.
1: Puede mejorar la portabilidad del sitio web. Si nuestro equipo necesita agregar nuevamente el efecto de la terminal móvil en el proyecto web posterior, puede introducir fácilmente esta parte del código JS para emitir juicios. Mejorar la eficiencia laboral futura.
2: El segundo punto es facilitar que el programa web se cargue en una interfaz no utilizada, y si introducir esta parte del código de juicio del terminal móvil.
Implementación específica:
Extraemos los guiones para juzgar el acceso. Si la terminal del cliente debe juzgar una página, usaremos directamente <script> </script> para introducir el programa de script en la página. El código de juicio específico es el siguiente:
La copia del código es la siguiente:
función uaredirect (f) {
Prueba {if ((
document.getElementById ("bdmark")! = null) {
Devolver
}
var b = falso;
if (argumentos [1]) {
var e = window.location.host; var a = window.location.href;
if (isSubdomain (argumentos [1], e) == 1) {
f = f+"/#m/"+a; b = true} else {if (issubdomain (argumentos [1], e) == 2) {f = f+"/#m/"+a; b = true}
else {f = a; b = false}}}
else {b = true} if (b) {var c = window.location.hash;
if (! C.match ("fromapp")) {
if ((navigator.useragent.match (/(iPhone | iPod | android | iOS | windows phone)/i))) {ubicación.replace (f)}}}}} catch (d) <br> {<br>} <br>}