Старый сайт - на весь экран

Сайты 2000-х верстались под маленькие мониторы: 640x480 и 800x600 на 14-17-дюймовых ЭЛТ. Тогда такая страница занимала весь экран. Сегодня на широком мониторе 1920x1080 она жмётся в углу маленьким прямоугольником, а текст приходится читать с лупой.

OldPageZoom - библиотека на JavaScript, которая растягивает такую страницу на всё окно браузера с сохранением пропорций. Так ведёт себя старая игра в полноэкранном режиме: картинка та же, только во весь экран. Достаточно добавить на сайт один скрипт - вёрстку переделывать не нужно.

Скачать OldPageZoom 1.0 (zip)
17 КБ: сам скрипт, документация на русском и демо-страница. Только скрипт: OldPageZoom-1.0.js (23 КБ).

Эта страница - тоже живое демо

Этот сайт сделан как страница 2001 года под экран 800x600 и сам подключает OldPageZoom. На большом мониторе он растянут на весь экран. Нажмите на мониторе внизу кнопку «Как в 2001» - и увидите, каким маленьким он был бы без библиотеки. Кнопка «Увеличить» вернёт всё как было. Окошко рядом с кнопками показывает текущий масштаб.

Как это работает

В Internet Explorer 5.5-11 используется встроенное свойство zoom: страница увеличивается целиком, как картинка.
Во всех остальных браузерах (Opera 9, Firefox, Netscape, Chrome...) страница пересчитывается вручную: размеры шрифтов, атрибуты width и height, отступы таблиц, а фон ячеек собирается заново из картинок <img>.
Код написан на простом ECMAScript 3 в расчёте на JScript 5.0 (Internet Explorer 5.0).

Подробно - в документации, поддержка браузеров - на странице «Браузеры».

Подключение в три шага

Оберните сайт в один div с id, уберите отступы у body и подключите скрипт перед </BODY>:

<script type="text/javascript" src="OldPageZoom.js"></script>
<script type="text/javascript">
OldPageZoom.start({ root: "wrapper" });
</script>

Все шаги с примерами - на странице «Как подключить».

Зачем это нужно

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

Откуда идея

Идея пришла из игры Old-Web City - симулятора жизни в нулевых. Во встроенном браузере игры старые сайты открываются на весь экран. Захотелось, чтобы так же было и в обычном браузере.