createElement (script) / appendChild как отладить добавленный скрипт?

Question

createElement (script) / appendChild как отладить добавленный скрипт?

1

    var js = document.createElement("script");
    js.type = "text/javascript";
    js.innerHTML = layout[i].text;
    document.body.appendChild(js);

Я добавляю такой скрипт, замечаю, что нет src, но innerHTML вместо этого, скрипт извлекается по требованию с помощью XMLHttpRequest. К сожалению, скрипт не появляется в инструментах dev, а не в Chrome, а не в Firefox.

Как добавить скрипт из исходной строки, чтобы я мог отлаживать его в devtools?

exebook 18 июнь 2018, в 17:36

Источник

0

Я не понимаю, как вы получаете скрипт, когда src отсутствует? Или вы ищете встроенный скрипт для появления? В этом случае, что такое содержимое макета [i] .text?
Lyubomir 18 июнь 2018, в 14:46
0

Исходный код скрипта @lustoykov был загружен с помощью XMLHttpRequest
exebook 18 июнь 2018, в 15:09
0

Вы можете добавить debugger; к тексту сценария, чтобы он автоматически приостанавливался в devtools.
wOxxOm 18 июнь 2018, в 16:08

Показать ещё 1 комментарий

Теги:

javascript

google-chrome-devtools

debugging

firefox-developer-tools

1 ответ

Ещё вопросы

Я не понимаю, как вы получаете скрипт, когда src отсутствует? Или вы ищете встроенный скрипт для появления? В этом случае, что такое содержимое макета [i] .text?
Исходный код скрипта @lustoykov был загружен с помощью XMLHttpRequest
Вы можете добавить debugger; к тексту сценария, чтобы он автоматически приостанавливался в devtools.

Ajanth · Accepted Answer · 2018-06-18T13-19-00.000Z

Чтобы иметь возможность отлаживать динамически добавленные скрипты в Chrome, вам нужно добавить //# sourceURL = test_file_name.js в конце скрипта, который вы хотите отлаживать, например ниже

var js = document.createElement("script");
js.type = "text/javascript";
js.innerHTML = layout[i].text + "//# sourceURL=test_file_name.js";
document.body.appendChild(js);

Теперь, если вы откроете вкладку source в консоли Dev, вы найдете test_file_name.js в разделе (без домена) (обычно). Я просто проверил его в Chrome версии 67.0.X

Я считаю, что то же самое должно работать и с Firefox,

См. Также эти ссылки,

Инструменты Chrome Dev

Исправлено синтаксис sourceMappingURL и sourceURL

Обновление: это не работает в firefox. Для этой проблемы создано несколько ошибок, но до сих пор не исправлено, скриптовый тег с использованием sourceURL не отображается в панели источников отладчика

Да, только что нашел ссылку на эту ошибку, не уверен, есть ли обходной путь