Веб-браузер для новых технологий

Чтобы проверить, работают ли новые возможности веб-приложений с браузером, страница тестов.

Потому что лучший способ проверить наличие функции - это реализовать ее. Таким образом, вы можете просмотреть эту страницу с браузерами, на которые вы нацелены, и проверить, смогут ли они запустить ваше приложение...

Хранилище SQL

Вы можете создать локальную базу данных на клиенте? Ответ...

Поддержка:

В настоящее время это только на Chrome...

Код:

if (window.openDatabase) {
   thedb = openDatabase("DBTEST", "1.0", "Base de données HTML5", 10000);
}

WebGL

Увидев демонстрации Tree.js, нельзя сомневаться в целесообразности использования WebGL на своем сайте, в своем приложении или в центре приложения. 3D создан не только для игр. Использования бесчисленные: 3D-графы, интерфейса, презентации трехмерных объектов или продуктов...
Теперь еще неизвестно, на каких браузерах работает WebGL... Проверка :

Демонстрация: Следующая панель должна быть зеленой.

Холст не выдержит !

Поддержка:

Все браузеры поддерживают WebGL на рабочем столе. Оставайтесь на связи.

Код:

var canvas = document.getElementById("canvas3D");
var wgl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");

FileReader

API для загрузки файлов на клиентский компьютер и обработки или просмотра их содержимого. Это могут быть картинки, таблицы, тексты.

Поддержка:

Распознано всеми браузерами рабочего стола.

Код:

var test = window.File && window.FileReader && window.FileList && window.Blob;

FileWriter

После обработки документа его следует сохранить... К сожалению, это выдерживается только экспериментально.

Поддержка:

Признан только Chrome (в настоящее время)...

Код:

window.requestFileSystem  = window.requestFileSystem || window.webkitRequestFileSystem;

Градиент CSS

С помощью CSS 3 можно выполнять переходы, анимацию и воздействие градиента на поверхности или логотип... Для реализации современного приложения необходимы панели с цветовыми градиентами, поэтому так важно свойство градиента.
Остальные функции CSS 3 реализуются неравномерно в зависимости от браузеров.

Поддержка: Ниже должна отображаться зеленая панель с градиентом.

Распознано всеми браузерами рабочего стола.

Код:

<style>
.cssgrad {
  background: -webkit-linear-gradient(#0c0, #060);
  background: linear-gradient(#0c0, #060);
}
</style>

Веб-рабочий

Многозадачность в браузере даже не обращаясь к серверу... Вместе с Worker мы запускаем процессы, которые выполняются в тишине и посылают результаты, когда тебя просят. Приложение может взаимодействовать с программой по сообщениям, которые запускают запросы и обновляют содержимое интерфейса, когда приходит ответ.

Поддержка:

Распознано всеми браузерами рабочего стола.

Код:

var w1 = new Worker("myscript.js");

Общий работник

Версия Worker, которая используется в нескольких окнах или iframes. Это могут использовать и другие рабочие.

Поддержка:

Не признан Эдж.

Код:

var sw = new SharedWorker("myscript.js");

WebSocket

Все, что делается с Web Worker на клиентском компьютере, можно сделать с сервером через WebSocket. Связь осуществляется в асинхронном режиме, и сервер отправляет данные, когда они доступны. Еще одно преимущество здесь в том, что сервер может общаться с несколькими клиентами.

Поддержка:

Распознано всеми браузерами рабочего стола.

Код:

var ws = new WebSocket("url", "protocol");

WebRTC

Этот протокол - следующий шаг в общении с сервером: мы переходим от двухнаправленных обменов к обменам в режиме реального времени. После открытия подключения данные переключаются с сервера на клиент в непрерывном потоке, а лучше - с одного браузера на другой браузер, не проходя через один сервер .

Поддержка:

Признан Chrome и Firefox.

Код:

var audio = new AudioContext();

Индексировать DB

Для перехода в автономный режим данные, взятые из удаленной базы MySQL или что-то еще, локально переносятся в базу IndexedDB.

Поддержка:

Признаются всеми браузерами (настольными или мобильными), кроме Safari. Для обеспечения совместимости со всеми браузерами требуется фронтэнд типа Lownchair или localForage (это не орфографическая ошибка).

Код:

var request = window.indexedDB.open("MaBase", 2);

Сообщение postMessage

Обмен данными между iframes или между страницей и iframes, содержащимися на странице.

Поддержка:

Реализован всеми браузерами.

Код отправки:

window.postMessage("message", "http://www.example.com");

Код получения:

window.addEventListener("message", callback, false);

См. также...

Планируется на будущее

Будущие возможности браузеров, которые планируется реализовать или нет. Внешние связи.