ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как определить поддержку CSS свойства (translate3d)
1 сообщений из 1, страница 1 из 1
как определить поддержку CSS свойства (translate3d)
    #38484448
beg-in-er
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
beg-in-er
Участник
Суть траблы .
на некоторых компьютерах свойство отображается не корректно.
Chrome, последняя версия.

есть webkitTransform='translate3d(10px,0px,0px)';
всё работает нормально , на андроидах, на яблоке, на виндах...
но вот есть момент. у пользователя стоит XP на древней тачке.
и вот на этой тачке вместо нормальной трансформации отображается хрень.

Вопрос
как можно определить , что броузер отобразит не правильно.

вариант 1
проверка на наличие
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
function has3d() {
    var el = document.createElement('p'), 
        has3d,
        transforms = {
            'webkitTransform':'-webkit-transform'
        };
    document.body.insertBefore(el, null);

    for (var t in transforms) {
        if (el.style[t] !== undefined) {
            el.style[t] = "translate3d(10px,0px,0px)";
            has3d = window.getComputedStyle(el).getPropertyValue(transforms[t]);
        }
    }
    document.body.removeChild(el);
    return (has3d !== undefined && has3d.length > 0 && has3d !== "none");
}



по идее эта функция должна выдавать ответ лож...но она на хроме всегда выдаёт тру.

вариант 2
Сравнение по матрице преобразований
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
var C= document.getElementById('MyElement');
   var computedStyle = getComputedStyle(C, '');
   var T1=computedStyle.webkitTransform;
   C.style.webkitTransform="translate3d(10px,0,0)";
   var T2=computedStyle.webkitTransform;
   alert(T1);
   alert(T2);
   if (T1==T2) alert('good')  	else ('nogood')


эта функция тоже не работает. значение Т1 и Т2 отличаются, но это не сказывается на том, как отображается.


------
был бы ИЕ , то просто бы заглушил бы отображение (на ИЕ10 это свойство отображается криво всегда)
но как быть с хромом?
у меня предположение - ловить по операционке, но это плохое решение.
...
Рейтинг: 0 / 0
30.11.2013, 15:37
| Ответить | Цитировать | Написать  
1 сообщений из 1, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / как определить поддержку CSS свойства (translate3d)
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=113&tid=1447610]:
 0ms
get settings:
 7ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 33ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 21ms
get tp. blocked users:
 1ms
others: 196ms
total:  280ms
созд. / загр.: 280ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]