Prefix free 플러그인

2018. 5. 30. 11:13웹랩/JavaScript

반응형

아래 CSS 소스와 같이 공급업체 접두사(벤더 프리픽스)를 쓰게 되는 경우가 있는데 소스의 양도 많아지고 작성하는데 번거로움
그리고 이 접두사를 쓰지 않아도 되는 플러그인 제공

  • 지원하는 브라우저 : IE9 + , Opera 10+ , Firefox 3.5+ , Safari 4+ 및 Chrome ( 데스크탑 및 모바일 사파리 , Android 브라우저 , Chrome 및 Opera Mobile 모바일)
  • IE8과 같은 구형 브라우저는 어쨋든 CSS3을 지원하지 않으므로 IE9이상 지원
-ms-transition-duration:1s;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;
-os-transition-duration:1s;
transition-duration:1s;

자세한 내용은 플러그인 제공 홈페이지 연결
https://leaverou.github.io/prefixfree/

↓↓↓ https://raw.githubusercontent.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js

/**
 * StyleFix 1.0.3 & PrefixFree 1.0.7
 * @author Lea Verou
 * MIT license
 */
(function(){function m(a,b){return[].slice.call((b||document).querySelectorAll(a))}if(window.addEventListener){var e=window.StyleFix={link:function(a){var b=a.href||a.getAttribute("data-href");try{if(!b||"stylesheet"!==a.rel||a.hasAttribute("data-noprefix"))return}catch(p){return}var d=b.replace(/[^\/]+$/,""),f=(/^[a-z]{3,10}:/.exec(d)||[""])[0],h=(/^[a-z]{3,10}:\/\/[^\/]+/.exec(d)||[""])[0],k=/^([^?]*)\??/.exec(b)[1],g=a.parentNode,c=new XMLHttpRequest,l;c.onreadystatechange=function(){4===c.readyState&&
l()};l=function(){var b=c.responseText;if(b&&a.parentNode&&(!c.status||400>c.status||600


반응형

'웹랩 > JavaScript' 카테고리의 다른 글

jQuery 가장 큰 수 구하기  (0) 2021.07.30
jQuery 객체 바꾸기 - replaceWith() 함수  (0) 2021.07.30
jQuery 셀렉터(선택자) : 원하는 노드를 얻는 방법  (0) 2017.11.05
상단, 하단 스크롤 버튼  (0) 2016.08.08
jQuery  (2) 2016.08.08