Отладка скрипта, который находится в частичном представлении

Question

Почему я не могу отлаживать сценарии, которые находятся в частичном представлении, которые создаются во время выполнения? Чтобы увидеть скрипт в списке скриптов (например, в Chrome) и отладить его, мне нужно переместить его в «обычный» вид на верхнем уровне или переместить в отдельный файл .js. Но что, если сценарий настолько мал, что я не хочу никуда его перемещать и все же хочу иметь возможность отлаживать его?

Answer 1

Если вы не загружаете частичное представление через ajax (представление при первоначальном отображении страницы на месте), вы можете использовать «отладчик». Если код, который вы хотите запустить, добавлен в dom, IE не будет знать, где находится фактический код, который вы хотите отлаживать. Итак:

// javascript
var foo = 2;
debugger;
// more javascript

Answer 2

Есть гораздо лучший способ сделать это сейчас, просто используйте синтаксис

//@@ sourceURL=someValue

сразу после открытия тега скрипта. Пример:

<script type="text/javascript">
    //@@ sourceURL=_fooPartialView.cshtml
    function foo() {}
</script>

- изменить -

По-видимому, из-за некоторых проблем с совместимостью с IE отображение исходного кода javascript было изменено с вышеупомянутого на:

//# sourceURL=_fooPartialView.cshtml

Также обратите внимание, что хотя @@ и не упоминалось ранее, @@ был необходим только для отображения источника в видах бритвы, поскольку "@" имел другое значение.

Answer 3

Обычно считается плохой практикой включать скрипт в частичное представление.Вы можете столкнуться со всевозможными проблемами с несколькими ссылками на скрипты и производительностью.Лучший подход здесь состоит в том, чтобы обеспечить перемещение сценария к заполнителю в вашем теге head.Вот несколько примеров:

Связывание библиотек JavaScript в пользовательских элементах управления

и

Включить файл JavaScript в частичные представления

Если вы настаиваете на загрузке скрипта из партиала, вышеприведенный подход «отладчик» очень эффективен.