Определение Smart TV скриптом

[Lexxs 16]

Доброго!

В DLE с некоторого времени есть определение мобильных устройств и соответственно теги для вывода информации, в соответствии, мобильное устройство, или нет.

Есть ли такая возможность для Smart TV , или может быть планируется? Или можно сделать это в будующих версиях DLE ?

В принципе это актуально, например для подстановки нужных стилей для Smart TV, так как их браузеры не поддерживают некоторые современные типы вёрстки.

Чтоб было в результате по типу [smarttv] TEXT [/smarttv] и соответственно [not-smarttv] ТЕКСТ [/not-smarttv]

Изменено 21 июня 2023 пользователем Lexxs

[redissx 251]

Для проблем с версткой - это не требуется, так как в css есть директива @supports, @supports not. А если браузер и это не поддерживает,  значит он настолько старый , что устройством уже в принципе затруднительно пользоваться. 

[Lexxs 16]

2 часа назад, redissx сказал:

Для проблем с версткой - это не требуется, так как в css есть директива @supports, @supports not. А если браузер и это не поддерживает,  значит он настолько старый , что устройством уже в принципе затруднительно пользоваться. 

Однако в ваших шаблонах, с применением root и var(--bg); нет возможности пользовать смарт тв, если только переделать всё на обычный лад, задавая фиксированные значения.

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

Или я вас не так понял ? ))

[celsoft 6 077]

2 часа назад, Lexxs сказал:

Есть ли такая возможность для Smart TV , или может быть планируется? Или можно сделать это в будующих версиях DLE ?

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

[redissx 251]

15 минут назад, Lexxs сказал:

Однако в ваших шаблонах, с применением root и var(--bg); нет возможности пользовать смарт тв, если только переделать всё на обычный лад, задавая

Сделать можно в любом шаблоне. В одном шаблоне есть, возьмите как пример и посмотрите, HDRezka. 

 

[Lexxs 16]

1 час назад, celsoft сказал:

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

Вы имели ввиду типа таких списков: https://udger.com/resources/ua-list/device-detail?device=Smart TV или https://user-agents.net/devices/tvs/smart-tv

Или готовой и обновляемой базы на гинтхабе ? https://github.com/matomo-org/device-detector

В принципе такие возможности есть.

Хотя в принципе такой список и не нужен. Достаточно из заголовка браузера выцепить особенности для смартов, типа как SmartTV (для самсунггов), или PhilipsTV и другие, в зависимости от производителя, примеры в списках есть. Потом привязать метку к сессии и сформировать срабатываение тегов [smart-tv]

59 минут назад, redissx сказал:

Сделать можно в любом шаблоне. В одном шаблоне есть, возьмите как пример и посмотрите, HDRezka. 

 

Так в этом шаблоне разве есть поддержка смартов по умолчанию ?

Там же переделывать нужно? Либо одно, либо другое?

Изменено 21 июня 2023 пользователем Lexxs

[celsoft 6 077]

3 часа назад, Lexxs сказал:

Вы имели ввиду типа таких списков: https://udger.com/resources/ua-list/device-detail?device=Smart TV или https://user-agents.net/devices/tvs/smart-tv

Что то типа этого. Только эти списки далеко не актуальны.

3 часа назад, Lexxs сказал:

Или готовой и обновляемой базы на гинтхабе ? https://github.com/matomo-org/device-detector

У этого неприемлимая скорость. Нужно же еще и нагрузку учитывать. К сайту обращаются тысячи, у кого то десятки тысяч и даже сотни тысяч людей, и далеко не с телевизоров

3 часа назад, Lexxs сказал:

Хотя в принципе такой список и не нужен. Достаточно из заголовка браузера выцепить особенности для смартов, типа как SmartTV (для самсунггов), или PhilipsTV и другие, в зависимости от производителя, примеры в списках есть. Потом привязать метку к сессии и сформировать срабатываение тегов [smart-tv]

Вы заблуждаетесь, тонкостей и нюансов много, как и браузеров. Корректно это делать по базе. Телевизоры в этом вопросе крайне разнообразны.Поэтому не все так просто и однозначно. Но вы можете использовать эту библиотеку https://github.com/matomo-org/device-detector сделав для себя плагин например, при невысокой посещаемости вполне приемлимо будет.

[redissx 251]

4 часа назад, Lexxs сказал:

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

Там же переделывать нужно? Либо одно, либо другое?

Изменено 3 часа назад пользователем Lexxs

Есть. Всё уже сделано. Принцип действия такой: если что-то не поддерживается, то это сделано другим прописанным способом. Supports как раз и проверяет поддерживается или нет. И например для переменных (цвет, например) там есть проверка и прописан цвет обычным способом, если это проверка не проходится. 

[Lexxs 16]

14 часов назад, celsoft сказал:

Вы заблуждаетесь, тонкостей и нюансов много, как и браузеров. Корректно это делать по базе. Телевизоры в этом вопросе крайне разнообразны.Поэтому не все так просто и однозначно. Но вы можете использовать эту библиотеку https://github.com/matomo-org/device-detector сделав для себя плагин например, при невысокой посещаемости вполне приемлимо будет.

Естественно много тонкостей и ньюансов, но есть и какие то особенности, которые у большинства совпадают, что облекчает детект и выборку, например всё то же сочетание - TV, у большинства оно присутствует, а остальных можно по их меткам вылавливать. Работать то с большими базами полной строки заголовка браузера, это как бы накладный вариант, слишком много действий. А вот по принципу TV, вполне можно отловить до 99% браузеров. По такому типу, например в клауде, очень легко фильтровать, можно к примеру закрыть доступ только для смарт тв, или только для айфонов, или только для линукоидов. В нашем случае, нужно наоборот, по части заголовка выловить нужное и сделать результат ). Даже если 90% будет детектиться и обрабатываться, это уже хороший результат.

Хотя конечно вам решать, как оно правильнее и лучше. А плагины, вещь не надёжная. Завтра вышло обновление и вот, уже не найти ту строку, на которую ориентировались и приехали, всё переделывать. Лучше намного, когда уже из коробочки всё есть ).

13 часов назад, redissx сказал:

Есть. Всё уже сделано. Принцип действия такой: если что-то не поддерживается, то это сделано другим прописанным способом. Supports как раз и проверяет поддерживается или нет. И например для переменных (цвет, например) там есть проверка и прописан цвет обычным способом, если это проверка не проходится. 

Supports - нет такого в этом шаблоне, ни в одном из файлов, не найдено ).

Но есть переменные, которые никак не дублируются, в случае не поддерживания.

.wrapper-container {max-width: var(--max-width); margin: 0 auto; position: relative; z-index: 20;}
.wrapper-main {min-height: 100vh; background-color: var(--bg); box-shadow: 0 30px 60px rgba(0,0,0,0.9);}

 

[redissx 251]

1 час назад, Lexxs сказал:

Supports - нет такого в этом шаблоне, ни в одном из файлов, не найдено ).

Но есть переменные, которые никак не дублируются, в случае не поддерживания.

В лицензионном есть. А в скачанном может и нет, не проверял что на всех этих помойках выкладывают.

В лицензионном в маин.тпл есть
    <link href="{THEME}/css/styles-support.css" type="text/css" rel="stylesheet" media="screen and (min-width: 1220px)">

Изменено 22 июня 2023 пользователем redissx

[Lexxs 16]

59 минут назад, redissx сказал:

В лицензионном есть. А в скачанном может и нет, не проверял что на всех этих помойках выкладывают.

В лицензионном в маин.тпл есть
    <link href="{THEME}/css/styles-support.css" type="text/css" rel="stylesheet" media="screen and (min-width: 1220px)">

Да, есть такой файл styles-support.css, но как браузер устройства будет определять, каким файлом пользоваться?

То есть в этом файле те же стили, что и в styles.css, только уже без переменных? И браузер смарта поймёт, из какого файла читать ?

[Sarvan 35]

Тут ключевое media="screen and (min-width: 1220px)"

[Lexxs 16]

7 минут назад, Sarvan сказал:

Тут ключевое media="screen and (min-width: 1220px)"

Что тут ключевого в ширине экрана? Главное чтоб отображался корректно.

Зашёл сейчас со смарт тв, дизайн рассыпанный, только левая колонка с категориями в норме, остальное вообще не в тему.

Не работает этот саппорт в стилях. Смарт не видит этого, или не может выбрать именно значения без переменных.

[Sarvan 35]

Не у всех устройств есть полная поддержка CSS3, особенно если оно старое.

Изменено 22 июня 2023 пользователем Sarvan

[redissx 251]

33 минуты назад, Lexxs сказал:

Да, есть такой файл styles-support.css, но как браузер устройства будет определять, каким файлом пользоваться?

То есть в этом файле те же стили, что и в styles.css, только уже без переменных? И браузер смарта поймёт, из какого файла читать ?

 Прочитайте про supports https://habr.com/ru/articles/178021/ обратите внимание, статья от 2013 года. Если ваш браузер у ТВ это не поддерживает, значит ему ничего не поможет. Ещё раз говорю, я без понятия что выкладывают на этих помойках, в лицензионном шаблоне мы проверяли с человеком когда у него на samsung не работало и когда работал. Больше мне добавить нечего.

[Lexxs 16]

58 минут назад, redissx сказал:

 Прочитайте про supports https://habr.com/ru/articles/178021/ обратите внимание, статья от 2013 года. Если ваш браузер у ТВ это не поддерживает, значит ему ничего не поможет. Ещё раз говорю, я без понятия что выкладывают на этих помойках, в лицензионном шаблоне мы проверяли с человеком когда у него на samsung не работало и когда работал. Больше мне добавить нечего.

Да, самсунг смарт 2013 года, возможно и старый, не поддерживает таки комбинации css.

Значит для таких случаев и нужно определение смартов и формирование для них тега, в котором будут подставлены удобоваримые стили ).