Утром доделаю

Браузер Kindle Keyboard

Kindle Keyboard
Экран 600 × 800, 16 оттенков серого
Размер вьюпорта 582 × 706
Браузер На движке WebKit
User Agent Mozilla/5.0 (Linux; U; en-US) AppleWebKit/528.5+ (KHTML, like Gecko, Safari/528.5+) Version/4.0 Kindle/3.0 (screen 600x800; rotate)
Acid3 99/100
HTML5 Test 59/555
CSS3 Test 35%

Kindle Keyboard (он же Kindle 3) — читалка от Амазона с e-ink экраном (без тача) и qwerty-клавиатурой. В читалку встроен экспериментальный браузер.

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

Браузер однооконный, управляется джойстиком, который двигает курсор по экрану, кнопкой back под джойстиком для перехода назад по истории, а также кнопками перелистывания страниц по бокам девайса, которые работают как Page Up и Page Down.

Браузер прекрасно переваривает яваскрипт, хорошо справляется со страницами средней сложности, но начинает заметно тормозить и брыкаться на перегруженных большими изображениями сайтах. Сказывается небольшой объем оперативки.

Поддержка фич

Фичи тестировались Модернайзером. Полная таблица моих тестов на гугл доксах.

Фича Тест Реальный результат
backgroundsize True True
bgsizecover False False
borderradius True True (-webkit-)
boxshadow True False
boxsizing True True (-webkit-)
cssanimations True True (-webkit-)
cssgradients True False
csstransforms True True (-webkit-)
csstransforms3d False True (-webkit-)
csstransitions True True (-webkit-)
fontface True True (только .svg)
mediaqueries True True
opacity True True
rgba True True
textshadow True True (без блюра)
touch False False
video False False

Забавно, что девайс поддерживает анимации и транзишены. Качество анимации на e-ink дисплее полностью передается скриншотом (хотя природа плохой отрисовки анимации на скриншоте — построчное считывание, а на экране — время отклика электронной бумаги):

Скриншот, демонстрирующий работу css-анимации

Зум

Сайты, не адаптированные для мобильных устройств, изначально отображаются в «отзумленном» варианте, при этом курсор заменяется рамкой зума:

Скриншот с неадаптированным сайтом и рамкой зума

Вернуться из увеличенного варианта обратно к общему обзору можно кнопкой back.

Для всех ссылок насильно выставляется text-decoration: underline, который не оверрайдится ни свойством с !important, ни через яваскрипт.

Ссылки с target="_blank" не открываются, вместо этого показывается предупреждение:

Скриншот с предупреждением о невозможности открытия нескольких окон

Шрифты

Кастомные шрифты браузер понимает только в SVG. Почему-то отказывается работать оригинальный Font Awesome, при этом он же, но сгенерированный с помощью Айконмуновского аппа, работает замечательно.

Скролл

Блоки со скроллом можно проскролливать курсором: он залипает внутри блока, пока не проскроллит его до конца в выбранном направлении:

Блок со скроллом

Формы

Новые типы полей ввода не поддерживаются, валидация отсутствует.

Итого

Неплохой такой браузер для читалки. Практически без проблем отображает мобильные и адаптивные сайты. Можно воспользоваться селектором html.bw из сниффера, чтобы сделать для киндла контрастные цвета и отключить анимации.

Опубликовано в «Редких зверях»