IT story

어떤 브라우저를 지원

hot-time 2020. 5. 13. 08:04
반응형

어떤 브라우저를 지원 합니까?


2009 년 12 월 1 일 Google은 비동기 Google 웹 로그 분석 추적에 대한 지원을 발표했습니다 .

비동기 추적은 <script>태그에 대한 비동기 지시문을 사용하여 수행됩니다 .

어떤 브라우저가 비동기 지시문 ( <script async="async" />)을 지원하며 어떤 버전부터 지원 합니까?


Google이 지정한 비동기 지원은 두 부분으로 이루어집니다.

  • 페이지에서 스크립트를 사용하여 (Google에서 제공하는 스크립트) <script> 태그를 DOM에 씁니다.

  • 해당 스크립트에는 페이지를 계속 렌더링 할 수 있음을 호환 브라우저에 알리기 위해 async = "true"속성이 있습니다.

첫 번째 부분은 <script async..태그 를 지원하지 않는 브라우저에서 작동 하므로 "단순히"해킹 (비록 단단하지만)으로 비동기식으로로드 할 수 있으며 ga.js가 검색 될 때까지 기다리지 않고도 페이지를 렌더링 할 수 있습니다.

두 번째 부분은 비동기 html 속성 을 이해하는 호환 가능한 브라우저에만 영향을 미칩니다.

  • FF 3.6+
  • Android 용 FF 모든 버전
  • IE 10 이상 (미리보기 2로 시작)
  • 크롬 8 이상
  • Android 용 Chrome 모든 버전
  • 사파리 5.0+
  • iOS 사파리 5.0 이상
  • Android 브라우저 3.0 이상 (허니컴)
  • 오페라 15.0+
  • 오페라 모바일 16.0+
  • 오페라 미니 없음 (8.0 기준)

비동기를 지정하는 "html5 올바른"방법은 <script async src="..."아닌 <script async="true"입니다. 그러나 처음에는 브라우저가이 구문을 지원하지 않았으며 참조 된 요소에 대한 스크립트 특성 설정도 지원하지 않았습니다. 원하는 경우 목록이 변경됩니다.

  • FF 4+
  • IE 10 이상 (미리보기 2 이상)
  • 크롬 12+
  • Android 32 이상용 Chrome
  • 사파리 5.1 이상
  • 안드로이드 버전 없음

이 질문에는 두 부분이 있습니다.

  1. Q : 마크 업시 스크립트 태그에서 "비동기"속성을 지원하는 브라우저는 무엇입니까?

    A : IE10p2 +, Chrome 11+, Safari 5+, Firefox 3.6+

  2. Q : 동적으로 생성 된 스크립트 요소에서 JavaScript 의 "비동기" 속성대한 동작을 정의하는 새로운 사양을 지원하는 브라우저는 무엇입니까?

    A : IE10p2 +, Chrome 12+, Safari 5.1+, Firefox 4+

Opera는 두 가지 유형의 비동기를 모두 지원하는 버전을 출시하는 데 매우 가깝습니다. 나는 이것들과 밀접하게 일해 왔으며 곧 나올 것입니다.

ordered-async (일명 "async = false")에 대한 자세한 내용은 여기를 참조 하십시오. http://wiki.whatwg.org/wiki/Dynamic_Script_Execution_Order

또한 브라우저가 새로운 동적 비동기 특성 동작을 지원하는지 테스트하려면 다음을 수행하십시오. http://test.getify.com/test-async/


async매개 변수를 지원하는 포괄적 인 브라우저 버전 목록은 여기에 있습니다.


참조 페이지에서 :

http://googlecode.blogspot.com/2009/12/google-analytics-launches-asynchronous.html

Firefox 3.6은이 새로운 기능을 공식적으로 지원하는 최초의 브라우저입니다. 궁금한 점이 있으면 공식 HTML5 비동기 사양 에 대한 자세한 내용이 있습니다 .


async현재 주요 브라우저의 모든 최신 버전에서 지원됩니다. 대부분의 브라우저에서 몇 년 동안 지원되었습니다.

MDN 웹 사이트 ( https://developer.mozilla.org/en-US/docs/HTML/Element/script )에서 비동기 (및 지연)를 지원하는 브라우저를 추적 할 수 있습니다.


Google 웹 로그 분석을 사용하는이 페이지의 DOM (document.scripts [1] .attributes)을 살펴 보았습니다. Google에서 async = ""를 사용하고 있다고 말할 수 있습니다.

[type="text/javascript", async="", src="http://www.google-analytics.com/ga.js"]

참고 URL : https://stackoverflow.com/questions/1834077/which-browsers-support-script-async-async

반응형