Как я могу отладить свой сайт MVC3 с помощью Chrome?

Question

Я создаю сайт ASP.NET MVC3.В моем файле .cshtml есть какой-то javascript:

<div>hello!</div>

<script type="text/javascript">
   $(document).ready(function () { alert("ready!"); })
</script>

Встроенный отладчик Google Chrome не видит этот фрагмент javascript, поэтому я не могу его отладить.установить точку останова в этом фрагменте JavaScript во встроенном отладчике Google Chrome?

Answer 1

Странно, прекрасно работает для меня:

1. Перейдите на вкладку Scripts
2. Вы увидите выпадающий список всех ссылочных файлов JavaScript, выберите тот, который соответствуетвстроенные сценарии (:9038 на моем скриншоте ниже)
3. Установите точку останова

Вы также можете рассмотреть FireBug как альтернатива.

Answer 2

В MVC3, работающем с движком вида бритвы, у меня были фигурные скобки, которые действительно мешали синтаксическому анализу вида.

Например, если у вас есть:

@using(Html.BeginForm()){
<div>hello!</div>

<script type="text/javascript">
   $(document).ready(function () { alert("ready!"); });
</script>
}

Вы можетеесть проблемы с фигурными скобками сценария.Попробуйте изменить его на:

  @{ Html.BeginForm(); }
    <div>hello!</div>

    <script type="text/javascript">
       $(document).ready(function () { 
            alert("ready!"); 
       });
    </script>
   @{ Html.EndForm(); }

Это может или не может быть ответом на ваш вопрос, но мне потребовалось навсегда , чтобы выяснить, что не так с некоторыми из моих форм.Я не встраивал в них скрипты, хотя ... это были блоки для условной логики, которые сломали бы все для меня.

РЕДАКТИРОВАТЬ После небольшого дополнительного исследования я обнаружил, что у кого-то была проблемачто привело меня к решению: aspnet.codeplex.com/workitem/7551.

Мое сообщение коммита (из кодовой базы, к которой у меня больше нет физического доступа) предполагает, что это могла быть неверная разметка.Разработчик, написавший испорченные страницы, любил использовать заглавные теги, даже если мы использовали тип документа XHTML 1.1.У него также было много атрибутов, которые были условно скомпилированы и / или заполнены.Например:

<div class="something @myHelper(someFlag)"></div>
<div @{ isSomeFlag ? <text>class="asdf"</text> : "" }></div>

Мое решение следует считать временным исправлением.