В Webkit Inspector я могу перейти на панель элементов и развернуть элементы DOM, чтобы увидеть, что меня интересует.
Пока что, когда я нахожу то, что ищу, меняю код и перезагружаю страницу, дерево DOM на панели «Элементы» сворачивается.
Есть ли какой-либо способ: A) заставить Инспектора запомнить, где я был, и попытаться открыть дерево DOM там, где я был, или B) оставить дерево DOM развернутым по умолчанию?
У меня был этот же вопрос. Я использую Chrome на Win XP, поэтому я могу рассказать вам только о решении, которое я нашел для Chrome, но я полагаю, что этот процесс очень похож на другие браузеры Webkit.
Я перешел в папку данных приложения Chrome: C:\Documents and Settings\[ИМЯ ПОЛЬЗОВАТЕЛЯ]\Local Settings\Application Data\Google\Chrome\Application[НОВАЯ ВЕРСИЯ]\Resources\Inspector
Очевидно, заполните [ИМЯ ПОЛЬЗОВАТЕЛЯ] и [НОВАЯ ВЕРСИЯ] папками, которые есть у ВАС на вашем компьютере.
Закрыл браузер.
Я открыл DevTools.js в Notepad++ и начал искать. Оказывается, инспектор webkit добавляет свойство css «расширено» в теги, когда вы нажимаете на маленькую стрелку.
В строке 1484 есть логическое значение для значения по умолчанию. Я просто изменил this.expanded=false на this.expanded=true.
Запустил Хром и баддабинг, все элементы в инспекторе развернуты по умолчанию.
С помощью этой статьи мне удалось получить это для работы с OSX Safari.
Откройте инспектор, найдите элемент (подойдет любой), затем щелкните правой кнопкой мыши и выберите «Проверить элемент». Вам нужно будет вытащить это (нижняя левая кнопка), а затем отметить путь в строке заголовка. Мой
/Система/Библиотека/Фреймворки/WebKit.framework/Версии/A/Фреймворки/WebCore.framework/Ресурсы/инспектор/инспектор.js
Затем я использовал vi в терминале:
sudo vi /System/Library/Frameworks/WebKit.framework/Versions/A/Frameworks/WebCore.framework/Resources/inspector/inspector.js
Вам нужен sudo, так как это файл, доступный только для чтения для большинства пользователей.
Затем я выполнил поиск this.expanded = false; (вы можете сделать это в grep, нажав /, а затем введя поисковый запрос и нажав клавишу ввода, затем n для следующего совпадения).
В строке 1175 я нашел:
this.expanded = false;
и изменил его на:
this.expanded = true;
это снизу:
function TreeOutline(listNode)
{
Сохранил файл (ZZ в vi) и перезапустил браузер. Теперь элементы остаются развернутыми. YMMV.
Safari v5.1.7 (6534.57.2), OS X 10.6.8
Вам нужно выбрать элемент DOM в Webkit Inspector, а не просто оставить его выделенным с помощью контекстного элемента «Проверить элемент», щелкнув правой кнопкой мыши.
Если вы редактируете содержимое в Инспекторе, убедитесь, что вы повторно выбрали сам элемент DOM; В отличие от его текстового содержимого, иначе элемент DOM свернется.
Я не хотел возиться с внутренностями, поэтому нашел обходной путь.
Дайте элементу идентификатор.
<div id="inspectMe" className={classes.answerGroup}>
Web Inspector запоминает поисковый запрос, поэтому после перезагрузки нужно снова нажать поиск.
