Модификация стандартной встроенной страницы новой вкладки.
Доработка функционала улучшенного варианта newtab.zip, исправление мелких ошибок, новые фичи, оптимизация кода.

Проверка работоспособности: 360 Extreme Explorer 9.5.0.138/11.0.2251.0/12.0.1014.0.

Модификация предназначена только для браузеров семейства 360 Extreme Explorer (360Chrome/360CSE)!

Основные изменения и новые функции:

• исправлены найденные ошибки и "корявки" интерфейса:
  • устранён сброс прозрачности эскизов к дефольтному значению (15%) при её установке в 0%;
  • устранена (потенциальная) ошибка определения типа данных при запросе сохранённых значений параметров сетки эскизов;
  • заблокирован нежелательный переход по ссылке при щелчке ЛКМ на свободном месте блока редактирования экскизов (напр., на заголовке);
  • добавлено округление пиксельных значений до целых при расчётах параметров сетки эскизов, полей и размеров элементов;
• изменён интерфейс Настроек – вместо "кнопок" количества эскизов теперь используется ползунок, диапазон – от 0 до 64 с шагом 4;
  • это значение также влияет на вывод кнопок в режиме "навигация" – теперь количество отображаемых кнопок равно количеству эскизов;
  • добавлены функции перерисовки/центровки кнопок в режиме "навигация" при изменении количества эскизов и при ресайзе окна;
• возвращена фича плавающего числа эскизов в строке в зависимости от ширины окна браузера (минимальное – при ширине 800px):
  • режим "сетка" – от 3 до 5 (до 20 эскизов на экранах 16:9 без прокрутки);
  • режим "навигация" – от 8 до 16 (макс. 64 без прокрутки);
  • доработана функция расчёта числа эскизов в ряду, размера эскизов и их позиционирования для режимов "навигация" и "сетка";
• добавлен вывод иконки сайта на экскизах в режимах "сетка" (перед названием сайта) и "навигация" (вместо однобуквенного фона);
• добавлен блок редактирования экскизов в режиме "навигация" – отображается при маусовере на эскизе (поверх имени);
• доработан функционал/стиль экскизов в режиме "сетка":
  • доработана функция анимации перехода на эскизах – теперь показывает "спиннер" и при щелчке на текстовом блоке (названии);
  • добавлен вывод подсказки с полным именем страницы/сайта – только при маусовере на блоке имени эскиза;
  • изменён стиль блока имени – непрозрачный фон при маусовере (лучшая "читаемость") + фиксированная позиция + увеличена ширина;
  • фоновые дефольтные изображения заменены на одно немасштабируемое (64px), разный цвет фона эскизов задаётся отдельно в CSS;
  • оптимизирована функция расчёта высоты эскизов + расчёт соотношения ширина/высота под размер экрана (16:9, 4:3 и т.д.);
• оптимизация основного скрипта:
  • изменены отдельные функции – структура и порядок выполнения, часть промежуточных переменных заменена на аргументы функций;
  • изменён рантайм отдельных функций – удалена часть промежуточных таймаутов (замена на последовательное выполнение);
• оптимизация CSS:
  • для режима "навигация" – удалены все дефольтные статичные фоновые изображения, замена на "кнопки" с переменным цветом фона;
  • уменьшена ширина вертикальной "кнопки" межпанельного перехода сайты/приложения (в режиме "сетка") ⇒ больше места под эскизы.

Прочие изменения и улучшения:

• в блоке Настроек "Панель ресурсов" переименована в "Панель приложений" – возвращение к "классике жанра" хром-браузеров;
• почищен код, удалены/заменены отдельные (дублирующие) функции, часть ранее закомментаренного "мусора" и тестовые фрагменты.

Установка модификации:

Заменить в папке установки браузера файл newtab.zip на соответствующий файл из архива.

Скриншоты:

Внешний вид страницы новой вкладки с открытым блоком Настроек:

^{[Копия скриншота]}

История и обсуждение

• Ru-Board: Анонс этой версии на форуме (с последующим обсуждением)

Общие технические сведения

• Технологии и API:
  Чистый HTML, JavaScript (ES5), CSS2
• Запрашиваемые разрешения:
  По умолчанию, для служебных страниц браузера

Загрузка и установка

Скачать архивную копию для установки этой версии

Дополнительно

• Основная документация
• Ссылка на источник