Отладчик не работает в IE 11 F12 developer tools
мой F12 отладчик в IE 11 не работает, он просто показывает пустое окно. Кажется, работает только вкладка «сеть».
до недавнего времени мы использовали Firefox, изменения среды заставили разработку использовать IE.
Я пробовал на нескольких страницах, и никто не работает.
7 ответов
по-видимому, вам нужно установить обновление, чтобы заставить инструмент dev работать, я узнал об этом, осмотрев кучу онлайн:
Это то, что, наконец, исправило это для меня.
[решено] потому что вы все этого заслуживаете. 🙂
*********пустой экран DEV TOOLS исправить**************
Это из-за 32-битной и 64-битной проблемы. Вам нужно проверить, какую версию windows вы используете
идите сюда и проверьте (Панель управления\Система и безопасность\Система)
а затем установите IE для работы с версией вашего запуска. При запуске 32-бит вы не столкнетесь с этим пустым экраном.
Это кажется, у вас работает 64-разрядная версия windows, тогда вам нужно сделать следующее:
откройте IE, перейдите в «настройка» или значок настроек
Найти «Параметры Интернета»
установите флажок » Включить 64-разрядные процессы для режима повышенной защиты*»
нажмите кнопку «Применить»
затем нажмите «Ok»
затем перезапустите IE и наслаждайтесь DEV Инструменты!
попробуйте запустить IE из run, отключив расширения: iexplore.exe-extoff.
Если это не работает, вы можете попробовать отдохнуть IE. Свойства обозревателя > дополнительно > сброс.
Если все это не удается, попробуйте создать новую учетную запись на ПК. У этой учетной записи те же проблемы?
к сожалению, у меня не было возможности попробовать решение Мартина. Я удалил IE, повторно установил IE 10, затем обновил до IE 11, и отладчик снова работает.
перейдите в меню Пуск, Выполнить, dcomcnfg.exe, затем разверните службы компонентов, затем разверните компьютеры, а затем щелкните Мой компьютер (щелкните его правой кнопкой мыши и выберите Свойства). Затем перейдите на вкладку Свойства по умолчанию.
установить уровень проверки подлинности по умолчанию для подключения. Задайте уровень олицетворения по умолчанию для идентификации. нажимать OK. Это работало на всех наших компьютерах, которые имели эту проблему до сих пор, для 64-разрядных машин. Надеюсь, это вам поможет!
закрыть Internet Explorer .
клик Run и открытым regedit
выполните следующие 2 изменения в regedit
Откройте Internet Explorer. Зайдите на любой сайт и нажмите F12. Теперь Dev Tolls будет открываться.
перезапустить IE работал
после прочтения комментариев на этой странице Я нашел это решение.
Источник
Улучшения средств разработчика F12 в Internet Explorer 11
Примечание: Поддержка классических приложений Internet Explorer 11 будет отменена 15 июня 2022 г. (список области действия см. в вопросе и о том, как это сделать). Те же приложения и сайты IE11, которые вы используете сегодня, могут открываться Microsoft Edge режиме Internet Explorer. Подробнее об этом.
Об этом обновлении
Для разработки отличных веб-страниц требуются опыт кодирования, а также правильные средства для поиска и отлажений вопросов, которые неминуемо обрезаются. Это обновление существенно улучшило средства разработчика F12, включая исправления функций и ошибок для средств профилинга F12, консоли, doM explorer, Debugger, Emulation, UI Responsiveness и средства профилинга памяти.
Изменения пользовательского интерфейса F12
Новые значки и уведомления Значки средств памяти и профилей изменились.
На панели значков теперь есть индикаторы ошибок в консоли, изменения параметров эмуляции, а также активных сеансов профилирования в средствах памяти, профилей и адаптивности пользовательского интерфейса. На следующем рисунке показаны новые значки с уведомлениями на значках инструмента «Консоль» и «Память», указывающие на то, что отображаются две ошибки консоли и что в данный момент идет сеанс профилирования памяти:
Навигация по F6 в наборах инструментов. Использование клавиши F6 похоже на навигацию по инструменту с помощью клавиши TAB, но оно «перемещается» по выбранному набору наиболее часто используемых элементов в области инструментов, а не по каждому выбранному элементу. Это часть общей более чистой системы для навигации по инструментам и между ними с помощью клавиатуры.
Перемещение вперед и назад между недавно использованными инструментами с помощью клавиатуры.Для перемещения назад в истории навигации инструментов можно использовать клавиши CTRL+[ и CTRL+], как и стрелки «Назад» и «вперед» во время просмотра.
Быстрый доступ к режиму документовА новый список добавляется в верхней части интерфейса, который позволяет получить доступ к режиму документа из любого инструмента, так что вам не нужно переключаться между инструментами.
Console.timeStamp()Когда вы звонили из консоли или в коде, Console.timeStamp() выводит на консоль номер миллисекунд, на который открыта текущая вкладка браузера. Если во время сеанса профилирование было вызвано средством «Реагирование пользовательского интерфейса», на временной шкале этого сеанса создается метка пользователя с метка времени на основе времени с начала сеанса.
CTRL+L очищает консоль всех сообщений
Точная автозавершенная автозавершенная консоль больше не включает свойства указателя. В результате предложения автозавершения будут более точными и более точными.
$, $$, $x, $0-$5 и $_ были добавлены в список автозаполнений консоли для удобства и для того, чтобы поведение консоли было более согласованным с другими браузерами.
Устаревший индикатор сообщений. Если вы отключили параметр «Очистить при переходе», значки старых сообщений консоли затеняются для разграничия сообщений на активной странице и сообщений на предыдущих страницах истории.
Изменения в проводнике DOM
Изменение столбцов в области «Компьютеры». В области «Стили» теперь отображаются различные цвета измененных свойств, добавленных свойств и удаленных свойств.
Обозначение «Исходные карты». Щелкните вкладку документа в отладке и укажите схему источника. Это позволяет использовать исходные карты вместе с отгруженным кодом, из-за чего комментарии к карте источника были удалены.
Автозаполнеть в режиме «ЧасыНо». При добавлении часов вам предлагаются параметры автозаполнеия.
Возврат проверки значений. Если функция взломана с возвращаемой величиной, перешаговые в нее, пока не пошаговые ступит на закрываюю скобку. Возвращаемая величина будет отображаться в разделе Locals (Локальные) области «Часы». Еще раз, и значение будет возвращено в код, который для него был вызван.
Для быстрой демонстрации попробуйте этот код в консоли:
Функция позвонит, отладит и вы сможете ступить в нее, чтобы увидеть возвращаемую функцию.
Multi-select for breakpointsCtrl + click, Shift + click, and CTRL+A can be used to select multiple breakpoints in the Breakpoints pane.
Продолжайте и игнорируйте разрывыPress F5 для продолжения до следующего разрыва. Удерживая на удержании F5, продолжите несколько разрывов до тех пор, пока не отпустите F5.
Точки останова событий и точки трассировкиЭто работает аналогично точкам остановок и точкам трассировки, уже присутствующим в средствах F12, но они запускаются не при выполнении определенного блока кода, а при запуске определенного события. Каждый из них имеет необязательный условный фильтр, который помогает сузить область действия до конкретного экземпляра события, которое вы хотите проверить. Их можно добавить с помощью значков Добавить точку трассировки событий и Добавить точку останова событий, выделенную на следующем изображении:
Изменения средства «Реагирование» пользовательского интерфейса
Сеансы импорта и экспорта производительности. Вам не нужно воспроизводить тестовый случай каждый раз, когда вы хотите проанализировать данные, которые он создает, или поделиться ими с коллегой. Значки импорта (папки) и экспорта (диска) на панели значков инструмента «Скорость реагирования пользовательского интерфейса» позволяет сохранять моментальные снимки памяти в файл, который можно импортировать позже.
Предварительный просмотр изображения. Если вы видели HTTP-запрос изображения и задумывались о том, какое это изображение, изображение теперь будет предварительно просмотрено в сведениях о событии.
Фильтрация событий. Кнопка «События фильтра» небольшая, но мощная. Скрытый за этой кнопкой — это меню, которое позволяет фильтровать события различными способами, и каждый из них оказывает значительное влияние:
Фильтр имени события: фильтрация по имени любого события, содержащего совпадение для текста фильтра.
Фильтр действий пользовательского интерфейса. С помощью флажков можно исключить большие категории событий, чтобы сосредоточиться на области, искомой. Например, если вас интересует только активность в сети, можно отфильтровать весь шум пользовательского интерфейса и корзины.
Фильтр порогового значения времени. Эта функция фильтрует события верхнего уровня длительностью менее одного миллисекунд. Во многих случаях это существенно упрощает каскадное представление и помогает сосредоточиться на более эффектных событиях.
События сценариев HTML5. Если вы используете функцию «Запрос мультимедиа» или «РазрознечныеОбработели»,теперь можно определить соответствующие затраты при запуске сеанса профилирование производительности.
Группировка рамки. Кнопка между списком Сортировка по и меню События фильтра включает в себя группировку рамки. В этом случае события верхнего уровня группются в соответствующую единицу работы (фрейм) в периоды времени, в течение которых происходили эффекты анимации или визуальные обновления. Рамки обрабатываются так же, как и другие события, поэтому их можно сортировать и фильтровать, а также предоставлять сводку по времени включительно.
Показатели пользователей. Если вы используете API performance.mark() для добавления треугольников на временную шкалу, чтобы указать, где произошли определенные события, API performance.measure() расширяет эффективность меток производительности. Используйте performance.measure() для создания события измерения User, которое включает время между двумя событиями performance.mark(), щелкните его правой кнопкой мыши и выберите параметр Отфильтровать к событию, чтобы выбрать только события между двумя метками.
Раскраска для DOMЭта функция добавляет раскраски к элементам DOM, строковым литералам и числовым литералам. Помимо того, что содержимое в разных средствах F12 выглядит и работает по-разному, оно добавляет дополнительный визуальный интерес к средству реагирования пользовательского интерфейса.
Сводка по выбору. Если выбрана часть временной шкалы, в области Сведения о событии будет отображена сводка выбранного фрагмента. Наведите курсор на различные сегменты круговой диаграммы и наведите курсор на ее категорию событий.
Поддержка console.timeStamp()Использование метода console.timeStamp() в коде или на консоли во время сеанса профилинга создает отметку пользователя на временной шкале, которая имеет время с начала сеанса профилинга.
Изменения средства памяти
Сгиб сгибОмор. Позволяет упростить содержимое моментального снимка, удалив объекты из представлений верхнего уровня, которые являются логическими компонентами другого объекта (например,
в
, области, которой является функция), и, как правило, являются дополнительными сведениями, которые не помогают лучше понять данные, но могут потратить ваше время.
Например, на рисунке ниже показано, как до и после представлений демонстрируется, как при сгибе при сгибе при сложении «история» средство сообщает о ней. В представлении со сгибом показаны 30 HTML-элементов
Раскраска DOM, строковых & литералов.Эта функция добавляет раскраску к элементам DOM, строковым литералам и литералам числа. Помимо того, что содержимое в различных средствах F12 выглядит и работает по-разному, анализ памяти делает его более наглядным.
Фильтрация по циклу корнейУзнаемая возможность исследовать состав объекта без непреднабженной потери в цикле ссылок? Эта функция обнаруживает ссылки детей, которые являются круглыми, и «обрезает» их, чтобы не запутаться, переходя по ним до бесконечности. Кроме того, он примечает эти ссылки, чтобы было понятно, когда ссылка «обрезана».
Сеанс импорта и экспорта. Вам не нужно воспроизводить тестовый случай каждый раз, когда вы хотите проанализировать данные, которые он создает, или поделиться ими с коллегой. Значки импорта (папки) и экспорта (диска) на панели значков инструмента «Память» можно сохранять снимки памяти в файл, который можно импортировать позже.
Изменение инструмента эмуляции
Параметры сохранения и сбросА значок «Сохранить эмуляцию» добавляется в инструмент «Эмуляция». При этом будут поддерживаться текущие параметры эмуляции до тех пор, пока они не будут отключены. Это позволит вам работать, закрывать браузер, а затем снова использовать параметры эмуляции. Справа от этого значка находится значок Сброс параметров эмуляции, который быстро сбрасывает значения по умолчанию.
Кроме того, это обновление содержит следующие улучшения на основе отзывов от канала разработчика IE:
Добавляет в проводник DOM палитру цветов, которая позволяет выбирать цвета в любом окне рабочего стола.
Добавляет стопки звонков из связанных асинхронных звонков для timers and XHR responses.
Дополнительные сведения об использовании средств разработчика F12 в Internet Explorer 11 можно найти на следующих веб-сайтах Майкрософт:
Сведения об обновлении
Это обновление было впервые включено в обновление для системы безопасности 2976627:
2976627 MS14-051: накопительное обновление системы безопасности для Internet Explorer: 12 августа 2014 г. Примечание. Если вы установили предварительную версию средств разработчика F12 из канала разработчика IE, вам не нужно удалить эту версию перед установкой этого
обновления.
Чтобы установить последнее накопительное обновление системы безопасности internet Explorer, перейдите в Microsoft Update.
Технические сведения о последних накопительных обновлениях системы безопасности для Internet Explorer можно найти на следующем веб-сайте Майкрософт:
Источник