참고 this plugin을 사용할 수 있습니다 (1.3에 사용되지 않는) 경우 브라우저 style
재산 실제로 이미 존재하거나 나중에 동적으로 삽입되는 style
속성을 지원합니다. 주로 animations
으로 구성되었지만 브라우저에서 css
, style
속성을 테스트하도록 수정할 수는 있습니다. props
이 이미 stylesheet
에 있으면 에 vendor prefixes
이 삽입됩니다. props
나중에 동적으로 삽입하는 경우, vendor prefixes
도 기능을하는 props
에 삽입하거나 부착
// prefix.1.1.min.js 2013, 2014 guest271314
// add css `prefixes`
// TODO: `opera` compatibility; utilizes `-o-`, `-webkit-`, w3c
(function prefix() {
/* var el = $(selector).get(0), i.e.g, $("body").get(0), $("#animated").get(0) */
var prefixes = {"MozAnimation": "-moz-","webkitAnimation": "-webkit-"
,"msAnimation": "-ms-","oAnimation": "-o-"};
var props = ["animation", "backface-visibility", "border-radius"
, "box-shadow", "transform", "transform-style", "transition"];
$.each(prefixes, function(key, val) {
$("style")
.attr({"data-prefix": val,"class": String(val).replace(/-/g, "")});
return !(key in el.style);
});
$.each(props, function(index, value) {
var cssPrefix = $("style").attr("data-prefix");
if (value in el.style === false) {
$.fn.pfx = function(prop, pfxprop, q) {
return $("style").html($("style").text()
.replace(new RegExp(prop, "g"), q
+ $("style").attr("data-prefix") + pfxprop))
};
$("style").pfx("@keyframes", "keyframes", "@")
.pfx(value, value, "");
};
});
}());
GitHub의 https://github.com/guest271314/prefix/blob/master/prefix.1.1.min.js
http://api.jquery.com/jquery.browser/ – David
의견에 대해서는 " 내 jQuery를 사용 하여이 필요합니다. 내 초기 선택 js "jQuery 참고 ** 자바 스크립트, 그냥 자바 스크립트 라이브러리. – mralexlau
또한 브라우저의 사용자 에이전트를 수정하는 것과 관련하여 네, 가능하지만 어쩌면 자신이 염려하고 싶은 것이 아닙니다. 사용자가 의도적으로 사용자 에이전트 문자열을 변경하는 경우 웹 사이트에서 다른 스타일 동작을보아야합니다. – mralexlau