Можно ли улучшить мою реализацию адаптивности?

pragmatik

Постоялец
Регистрация
11 Фев 2013
Сообщения
122
Реакции
33
Использую на сайте рабочий скрипт, который определяет размеры экрана и в зависимости от них подключает ту или иную версию ya.share, а попутно и создает критерий m=1, используемый затем для других "адаптивных" условий в шаблоне:
Вот только кажется мне этот код чересчур громоздким, подскажите, пожалуйста, нет ли более компактного кроссбраузерного способа реализовать адаптивность (без подключения дополнительных библиотек)?
 
Для решения, которое уже работает и выполняет свои функции вполне норм, если кроссбраузерно отрабатывает, то экономить байты смысла наверное нет.
Единственное, что вместо использования document.write лучше вставлять скрипт так:
Код:
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
script.async = true;
document.documentElement.appendChild(script);
 
Единственное, что вместо использования document.write лучше вставлять скрипт так:
А не подскажете почему document.write неразумно использовать?
Кстати, я перерыл массу статеек: Для просмотра ссылки Войди или Зарегистрируйся говорится, что скрипты подгружаемые описанным Вами способом всегда асинхронны, т.е. script.async = true; можно не использовать. А в Для просмотра ссылки Войди или Зарегистрируйся, что document.documentElement.appendChild не во всех браузерах работает, поэтому нужно использовать document.getElementsByTagName('head')[0].appendChild(script);
Исходя из этих данных пересочинял скрипт и выкинул объявление переменных width, height и mob
вот что получилось:
 
Назад
Сверху