Прочитать исходный код js скрипта, загруженного через атрибут src

Question

Я хочу прочитать исходный код js скрипта, загруженного через атрибут src с чистым javascript.

Как из тега html-скрипта:

<script id=myFile type="text/javascript" src="file.js"></script>

var code = document.getElementById('myFile').textContent

Но вышесказанное не работает.

Это работает, однако:

<script id=myFile>
    console.log("This works");
</script>

var code = document.getElementById('myFile').textContent

Теперь код содержит "console.log (" Это работает ");"

Кто-нибудь знает, как я могу заархивировать это с загруженным файлом js вместо записи кода js в файл html?

Answer 1

Несмотря на то, что вы можете присоединить слушатель load к <scritp async src="..."></>, нет доступа к простому тексту загруженного объекта.

Вам нужно будет вручную загрузить ваш скрипт и прочитать его содержимое. Вы можете сделать это с помощью следующего:

fetch('path/to/script')
  .then(res => {
    return res.text();
  })
  .then(text => {
    console.log(text);
  });

Answer 2

Нет API для чтения исходного кода скрипта, загруженного через атрибут src.Единственный способ получить к нему доступ - сделать еще один HTTP-запрос к этому URL (например, с помощью fetch или XMLHttpRequest).