Ну а без этого API все остальные могут и не иметь смысла. Не следует путать его с уже широко применяемым navigator. onLine. Последний объект фиксирует вашу связь с сервером, с которого была запрошена проверяющая страница, а Network Information API предоставляет информацию о доступном сетевом соединении. Применяться такая информация может, например, в видеоиграх, при трансляции видеосигнала, доставке «тяжелого» контента, — в общем, везде, где необходимо учитывать пропускную канала. Интерфейс NetworkInformation работает следующим образом:
<!DOCTYPE html>
<html>
<script>
Navigator. mozConnection. addEventListener(‘change’, function show() { console. log(navigator. mozConnection. bandwidth); console. log(navigator. mozConnection. metered);
}, false);
</script>
</html>
Тут мы используем событие changeEvent, наступающее при изменении состояния соединения.
Значение атрибута connection. bandwidth (пропускная способность) будет равно нулю в случае отсутствия связи, значению пропускной способности (MB/s) или строчке «Infinity», если таковое определить не удалось.
Булевый параметр metered индицирует ограничения со стороны провайдера услуг связи в том случае, если возникает необходимость «бережнее» обращаться с каналом.
Простейший пример использования Network Information API:
<!DOCTYPE>
<html>
<head>
<title>Big image</title>
</head>
<body>
<img id=’mainImage’ >
<script>
Var i = document. getElementById(‘mainImage’);
If (navigator. connection. bandwidth > 2) {
I. src = "Http://example. com/bigMainImage. jpeg";
} else {
I. src = "Http://example. com/compactMainImage. png";
}
</script>
</body>
</html>
Это далеко не все, что могут предложить веб-технологии для мобильных устройств. Спецификации создаются и обновляются буквально каждую неделю. И это прекрасно — на наших глазах творится будущее!
Добавить комментарий