[javascript] Chrome 콘솔에 JavaScript 파일 또는 라이브러리를 포함시키는 방법은 무엇입니까?

AJAX 프레임 워크를 사용하십니까? jQuery를 사용하면 다음과 같습니다.

$.getScript('script.js');

프레임 워크를 사용하지 않으면 Harmen의 답변을 참조하십시오.

(아마도이 ​​간단한 일 ( 또는 아마도 ) 을하기 위해 jQuery를 사용할 가치 는 없지만 이미로드 한 경우 잘 사용할 수 있습니다 .jQuery 가로 드 된 웹 사이트를 예를 들어 Bootstrap으로로드했지만 여전히 이미로드 된 jQuery를 사용하는 대신 항상 이식 가능한 방식으로 DOM API를 직접 사용하십시오. 많은 사람들은 getElementById()모든 브라우저에서 일관되게 작동하지 않는다는 사실을 알지 못합니다 . 자세한 내용 은 이 답변 을 참조하십시오. )

최신 정보:

이 답변을 작성한 지 몇 년이 지났으며 오늘 여기서 사용할 수 있다고 지적 할 가치가 있다고 생각합니다.

• 시스템 JS
• 모듈 로더
• jspm.io

스크립트를 동적으로로드합니다. 이 질문을 읽는 사람들과 관련이있을 수 있습니다.

참조 : ES6 모듈의 실제 워크 플로우 : 사나이 베드 포드에 의해 유창함 2014 이야기 .

답변

fetch('https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js')
    .then(response => response.text())
    .then(text => eval(text))
    .then(() => { /* now you can use your library */ })

async function loadScript(url) {
  let response = await fetch(url);
  let script = await response.text();
  eval(script);
}

let scriptUrl = 'https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js'
loadScript(scriptUrl);

var el = document.createElement("script"),
loaded = false;
el.onload = el.onreadystatechange = function () {
  if ((el.readyState && el.readyState !== "complete" && el.readyState !== "loaded") || loaded) {
    return false;
  }
  el.onload = el.onreadystatechange = null;
  loaded = true;
  // done!
};
el.async = true;
el.src = path;
var hhead = document.getElementsByTagName('head')[0];
hhead.insertBefore(el, hhead.firstChild);

imports('https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.js')
  .then(()=>alert(`today is ${moment().format('dddd')}`));

<script src="https://raw.githack.com/shmuelf/PowerJS/master/src/power-moduleInjector.js"></script>