제 3 자 (상호 도메인) Async Dom Injected Script에서 시간 제한을 설정하는 크로스 브라우저 방식이 있습니까?

Question

태그 관리자가 오늘 다운되어 우리 사이트가 허구에 걸리게되었습니다. 태그 관리자의 코드는 업무상 중요하지 않습니다 (분석 등 ...). 다음과 같은 방법이 있습니까?

var extScript = document.createElement('script'); 
extScript.type = 'text/javascript'; 
extScript.src = 'http://third-party.com/scriptfile.js'; 
var s = document.getElementsByTagName('script')[0]; 
s.parentNode.insertBefore(extScript, s); 

window.setTimeout(function() { 
    // if script not loaded - "give up" 
}, 3000); // 3 secs 

Answer 1

미션 크리티컬이 아닌 경우 문서가 완전히로드되면 바로이 스크립트를 body 태그의 끝에 배치 할 수 있습니다.

window.onload = function() { 
    var extScript = document.createElement('script'); 
    extScript.type = 'text/javascript'; 
    extScript.src = 'http://third-party.com/scriptfile.js'; 

    document.body.appendChild(extScript); 

} 

Answer 2

async 속성을 추가하는 것은 어떻습니까?

이 차단하지 않습니다

<script async type = 'text/javascript' src = 'http://third-party.com/scriptfile.js' ></script> 

는, 그러나 당신은 몇 가지 문제 (like this one)