Работает ли панель инструментов веб-разработчика Internet Explorer с всплывающими окнами?

Я не могу заставить панель инструментов веб-разработчика Internet Explorer работать с всплывающими окнами, она не будет отображаться в нижней части всплывающего окна. Какие-либо предложения?

6 ответов

Решение

Я уверен, что это не будет работать с модальными всплывающими окнами. Если вы открываете всплывающие окна как модальные, вам, возможно, придется изменить код на режим без режима только для целей отладки.

Есть очень специфический способ сделать это:

  1. откройте инструменты разработчика (через F12 или что-то еще) в главном окне браузера. Убедитесь, что инструменты разработчика "прикреплены" к этому окну.
  2. Делайте все, что вы делаете, чтобы открыть всплывающее окно
  3. Откройте инструменты разработчика (через F12 или что-то еще) для всплывающего окна
  4. unpin окно инструментов разработчика (CTRL+P) из всплывающего окна
  5. закройте всплывающее окно (это автоматически закроет окно инструментов разработчика)
  6. оставив инструменты разработчика открытыми в главном окне браузера, снова откройте всплывающее окно. Окно инструментов разработчика должно автоматически открыться рядом с ним.

Теперь вы также сможете контролировать, открываются ли инструменты разработчика для всплывающего окна или нет, переключая инструменты разработчика в главном окне. Вот как это работает для меня, в любом случае! Это все на IE9 на Windows 7, кстати...

Единственная проблема со всем этим, если вам нужно отладить что-то, что происходит только при первом запуске всплывающего окна...

Это именно та проблема, которая у меня возникла - у меня есть SCORM-совместимый курс электронного обучения, который запускается во всплывающем окне и содержит ошибку, которая возникает только при первом запуске курса в IE!! Ну что ж...

Используйте IE8, который имеет значительно улучшенный набор инструментов для разработчиков по сравнению с крайне ограниченным набором в IE7. Нажмите F12, чтобы открыть инструменты разработчика во всплывающем окне.

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

В противном случае обновите свой вопрос, и я постараюсь помочь снова.

обновление: убедитесь, что панель инструментов прикреплена к вашему родительскому окну, прежде чем всплывающее окно сработает. Когда я закрепил панель инструментов (используя маленький значок закрепления в правом верхнем углу окна), он, кажется, следует новому всплывающему окну.

Добавьте ошибку Javascript в код страницы, например, blabla();. Это заставит IE отобразить диалог ошибки Javascript, из которого вы можете запустить Инструменты разработчика. Вы должны иметь сообщения об ошибках Javascript на Я думаю:

Сервис - Свойства обозревателя, вкладка "Дополнительно" Убедитесь, что установлен флажок "Отображать уведомление о каждой ошибке скрипта".

Не идеальное решение, но может помочь, если вам действительно нужно отлаживать в режиме модального диалога, когда немодальное диалоговое окно не дает тот же результат, что и в модальном диалоге.

У меня есть обходной путь, которым я поделился в Twitter несколько дней назад. Это полезно при использовании IE 11 Developer Tools:

  • Щелкните правой кнопкой мыши внутри popup содержание окна
  • Выбрать Inspect Element прикрепить отладчик.
  • Щелкните правой кнопкой мыши еще раз и нажмите Refresh чтобы увидеть возможные ошибки в Console,

Я все еще хотел бы иметь возможность получить debugger подключен заранее, то есть, помимо возможности отладки всплывающего окна после обновления, я хотел иметь возможность отладки 1-го события загрузки всплывающего окна, то есть 1-го раза, когда оно открыто - но я не нашел способа достижение этого.

Другие вопросы по тегам