network information enable javascript html5 wwan

javascript - information - wifi api enable network



¿Cómo verifico el tipo de conexión(WiFi/LAN/WWAN) usando HTML5/JavaScript? (4)

Pregunta antigua, pero al buscar mis propios propósitos, encontré esto: todavía tengo que intentarlo y, por lo tanto, YMMV: https://github.com/ashanbh/detectClientSpeed .

La noción subyacente de medir el tiempo para descargar un activo para derivar la información de ancho de banda es subjetiva y no necesariamente consistente, pero carece de la API de plataforma nativa para iOS / Android, esta no es una mala opción. Una alternativa más liviana puede ser medir los tiempos de ping a algo como google.com.

Deseo adaptar un sitio web en particular a una versión de bajo ancho de banda si el cliente está conectado a través de una conexión WWAN (medida) o de otra manera.

El tipo de conexión es importante para que el sitio sepa si debe proporcionar una experiencia rica o una experiencia eficiente de ancho de banda. Mi escritorio se ejecuta en una conexión medida y, en el futuro, se conectarán más escritorios a través de redes celulares medidas (incluidas las tabletas con Windows 8), las aplicaciones web eficientes deben respetar que un usuario no requiera activos de alto detalle en un pago por año. conexión byte.

¿Cómo verifico si el cliente está conectado a través de WiFi / LAN / WWAN utilizando HTML5 / JavaScript?

NOTA: No deseo verificar explícitamente los encabezados de los navegadores (que en realidad no es una solución para los navegadores de escritorio que pueden conectarse a Internet a través de varios métodos).


Tal vez usted se está acercando de la manera incorrecta. Echa un vistazo al modelo de Gmail. Tienen un cliente rico al cual el usuario puede optar si la página tarda mucho en cargarse. El cliente estándar es mucho más ligero y utiliza un diseño web más "tradicional".
Tratar de detectar automáticamente cosas que no están destinadas a ser puede llevarte a un agujero de conejo muy profundo.


Usted no puede La información sobre cómo se conecta un cliente (es decir, qué tecnologías utiliza, si es de pago por byte o una tarifa plana) a un servidor no es pública. Es posible que pueda obtener una ruta de rastreo (con todos los problemas relacionados con el rastreo), si eso le ayuda, pero esa información no será accesible a través de JavaScript.

Lo que se puede hacer con JS es una simple prueba de ancho de banda. Descargue un archivo de tamaño conocido a través de XHR y mida el tiempo que necesita.

El modelo de pago de una conexión son datos privados absolutos. Tampoco se enviará a los servidores en Internet, ni estará disponible para un sitio web cargado. Si necesita esta información para ofrecer al cliente una aplicación personalizada, pregúntele al usuario directamente. Te dirá si quiere.

Sin embargo, espera. Chrome y Firefox más recientes se pueden configurar (preferencia del usuario) para proporcionar esos datos en el navigator.connection .

Además, para desarrollar aplicaciones de Metro, Windows ofrece dicha información en la API de Windows.Networking.Connectivity , consulte este tutorial .


Ver navigator.connection (prefijado). Esta API expone información sobre el ancho de banda del cliente.