Converter: -webkit- to -moz- & -o-
Форумчане, добрый день!
Столкнулся с вопросом о кроссбраузерности, а именно: Все стили на сайте ориентированны на движок webkit (Chrome/Safari), но потребовалось расширить охват стилей на Firefox (Mozilla Firefox), и по возможности на Opera (Opera Browser). Имеются ли у кого-нибудь на примете конвертеры стилей с -webkit на -moz- & -o- ? Интересующие объекты для расширения стилей:
|
gJam,
Собственно добавляете для каждого свойтства четыре повтора с расширяющими приставками - пример
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
-ms-border-radius:15px;
box-shadow: 0px 5px 18px #000;
-webkit-box-shadow:0px 5px 18px #000;
-khtml-box-shadow:0px 5px 18px #000;
-moz-box-shadow:0px 5px 18px #000;
-ms-box-shadow:0px 5px 18px #000;
|
Deff,
Градиенты имею свои прелести.. Как и анимация с трансформацией.. И изначально вопрос стоял иначе, процесс должен быть автоматизирован, хоть как то.. |
Префиксы webkit и moz можно и нужно вообще выпилить.
|
Цитата:
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<style class="replac" type="text/css">
#div {
height:100px;width:100px;
border-radius : 15px;
box-shadow: 0px 5px 18px #000;
}
</style>
<style class="replac" type="text/css">
#div2 {
margin-top:43px;
height:100px;width:500px;
border-radius:15px;
box-shadow: 0px 5px 18px #000;
}
</style>
<div id=div></div><div id=div2></div>
<script type="text/javascript">
var StyleArray='border-radius,box-shadow'.split(","); //Тут добавляем новые свойства для трансформации
var Arr2='-webkit-,-khtml-,-moz-,-ms-'.split(",");
var Out='$1;\n';
for(var j in Arr2){
Out+=Arr2[j]+'$1;\n';
}
$('style.replac').each(function() {
var str=$(this).html();
for(var i in StyleArray){
var pattern = '('+StyleArray[i]+'\\s*?:[^;\\r\\n]*)[;\\r\\n]'
var rega = new RegExp(pattern,'img');
str = str.replace(rega,Out)
}
$(this).html(str);
alert(str)
});
</script>
|
Deff, проще в IDE find/replace на регулярках заюзать...
|
B~Vladi,
Дык у мну регулярка - остальное для выпилки и вставки в тег |
Щас все браузерописатели планируют отказаться вообще от префиксов (ну кроме хрома вроде), и все эти префиксы уже ни к чему
|
Цитата:
|
Цитата:
|
Цитата:
|
Цитата:
... я ненавижу FireFox дополнительно ещё и за это :
alert ( ("mozAnimationStartTime" in window) + "\n" + performance.now || performance.MozNow || performance.mozNow );
... ЗАЧЕМ ?! (это одно и то же, надо думать. только первое - с геттером, а второе - метод. всё это высокоточные таймштампы DOM) |
В мозилле выводит:
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 14:59. |