This page is hosted for free by zzz.com.ua, if you are owner of this page, you can remove this message and gain access to many additional features by upgrading your hosting to PRO or VIP for just 32.50 UAH.

Веб мастер - Как сделать ?

Не работает? Начинай читать инструкцию.

Подключить другой файл JavaScript или CSS в зависимости от расширения экрана

Подключить другой JavaScript или css файл в зависимости от расширения экрана актуально для тех, заботится о посетителях сайта с мобильных телефонов.

Предлагаю ознакомиться с предложениями моих партнёров

Всем известно, что бы сайт красиво отображался на всех устройствах, необходимо использовать разные файлы css и различные скрипты. В данное время это очень актуально.

JavaScript - подключить скрипт  в зависимости от расширения экрана.

Для того, что бы подключить другой script для посетителя с мобильного телефона, расширение у которых меньше 768px, пишем вот так

<script>
var script = document.createElement('script');
document.head.appendChild(script);
script.src = (window.screen.width > 768) ? "/js/script-pc.js" : "/js/script-mobi.js";
</script>

Теперь в зависимости от раширения экрана подключиться javascript для персонального компьютера или для смартфона.

Будьте внимательны, на ПК при изменении ширины окна браузера такой фокус не пройдёт.

CSS - подключить файл стилей в зависимости от расширения экрана.

Что бы подключить другой файл стилей css для мобильной версии сайта, необходимо написать так

<script language="JavaScript">
if (screen.width <= '768) {
   document.write ('<link rel="stylesheet" href="/js/style768.css" />');
}
else
{
 document.write ('<link rel="stylesheet" href="/js/style.css" />');
}
</script>

В этом случае, для смартфона или планшета, подключиться другой файл css

Предлагаю ознакомиться с предложениями моих партнёров