Эта история — продолжение предыдущего поста (он уже несколько раз обновлялся), в котором я пытаюсь собрать все руководства для машин Audi c MIB2. Сегодня расскажу, почему я вообще загорелся этой идеей.

Что из себя представляют мануалы было понятно давно — это просто набор HTML-страниц с CSS стилями и небольшим количеством скриптов. Но редактировать их для MIB1 было не интересно — ГУ с собственным выходом в интернет были большой редкостью. А большинство MIB2 High имеют слот для SIM-карты и из этого можно (в теории) извлечь какую-нибудь выгоду. Тем более я далеко не первый, кому пришла в голову эта идея и в сети уже есть удачные подтверждения.

Структура папок на диске выглядит так:

Внутри каждой языковой папки находится еще один .iso-образ непосредственно с файлами руководства. При установке копируется именно он для текущего языка MIB2 и при его смене инструкцию надо перезагружать. ISO можно открыть любым архиватором или смонтировать в Windows 10 / 11.

Обратно собрать новый образ из структуры папок можно любой программой для записи CD, я использовал UltraISO. Параметры диска:

К моему удивлению, все проверки контрольных сумм оказались отключены изначально, руководства никак не защищены. Для того, чтобы MIB2 принял новый образ достаточно обновить размер файла.

Содержимое языкового образа. Главной страницей и точкой входа для руководства является файл inhalt.htm

Весь HTML/CSS/JS код минифицирован, но кого это сейчас остановит? Результат после переформатирования:

Эксперименты

В конец стартового экрана руководства я добавил ссылку на свою собственную страницу, с несколькими интересными мне тестами. Для людей, не разбирающихся в web-технологиях, все результаты — на экранах:

При навигации по “внешнему” интернету создается ощущение, что на весь браузер выделили 16Mb оперативки: многие тяжелые страницы не грузятся вообще, не догружают картинки или контент. Большинство мигает черным экраном при скроллинге (это явно выгрузка из памяти и перерендеринг части контента на лету). Общее впечатление — это браузер для текстовой информации (RSS-ленты, WAP и подобное) и сайтов оптимизированных под Opera Mini.

Для знакомых с HTML-версткой и Javascript’ом:

Движок браузера — WebKit 534.0 и весь его стек технологий 2010 года:
⌞ внешние ссылки — работают
⌞ <ifrаmе> — работает
⌞ HTML4/CSS2 — на 99% работают
⌞ CSS3 — большинство свойств спрятано за -webkit- префиксами, никаких flex, grid и подобного
⌞ <vidео> — не работает, или я не нашел поддерживаемые форматы.
Прямые ссылки на .mp4 также не грузятся.

Javascript — работает
⌞ ES5, DOM Level 1 и все стандартные события — работают
⌞ xmlhttprequest — работает
⌞ alert, confirm, prompt — не работают

HTML формы — всё сложно:
⌞ нормально отображается большинство базовых элементов, включая даже <іnput tyре=”filе”>
⌞ работает отправка форм через GET и POST
⌞ при фокусе текстовых полей недоступны никакие средства ввода

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

Внутри руководства разработчики пользовались старенькой js-библиотекой MooTools для анимации всплывающих иллюстраций и плавного скроллинга между частями длинных страниц.

На сегодня всё, надеюсь сподвигну еще кого-нибудь на эксперименты и придумывание полезного функционала. Я еще буду пробовать возможности браузера, может получится быстро собрать какой-нибудь сервис. Из самого очевидного: дорожную информацию в текстовом виде или сводку погоды.