Работает ли панель инструментов веб-разработчика Internet Explorer с всплывающими окнами?
Я не могу заставить панель инструментов веб-разработчика Internet Explorer работать с всплывающими окнами, она не будет отображаться в нижней части всплывающего окна. Какие-либо предложения?
6 ответов
Я уверен, что это не будет работать с модальными всплывающими окнами. Если вы открываете всплывающие окна как модальные, вам, возможно, придется изменить код на режим без режима только для целей отладки.
Есть очень специфический способ сделать это:
- откройте инструменты разработчика (через F12 или что-то еще) в главном окне браузера. Убедитесь, что инструменты разработчика "прикреплены" к этому окну.
- Делайте все, что вы делаете, чтобы открыть всплывающее окно
- Откройте инструменты разработчика (через F12 или что-то еще) для всплывающего окна
unpin
окно инструментов разработчика (CTRL+P) из всплывающего окна- закройте всплывающее окно (это автоматически закроет окно инструментов разработчика)
- оставив инструменты разработчика открытыми в главном окне браузера, снова откройте всплывающее окно. Окно инструментов разработчика должно автоматически открыться рядом с ним.
Теперь вы также сможете контролировать, открываются ли инструменты разработчика для всплывающего окна или нет, переключая инструменты разработчика в главном окне. Вот как это работает для меня, в любом случае! Это все на 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-го раза, когда оно открыто - но я не нашел способа достижение этого.