Как сохранить дерево «Элементы» (DOM) открытым в Инспекторе Webkit? - PullRequest
Новая
       36

Как сохранить дерево «Элементы» (DOM) открытым в Инспекторе Webkit?

5 голосов
/ 16 ноября 2010

В инспекторе Webkit я могу перейти на панель элементов и развернуть элементы DOM, чтобы увидеть, что меня интересует.

Пока, когда я нахожу то, что ищу,Измените код и перезагрузите страницу, дерево DOM на панели «Элементы» свернуто вверх.

Есть ли способ, либо A) Получить инспектор, чтобы вспомнить, где я был, и попытаться открыть дерево DOMтуда, где я был, или Б) Держите дерево DOM развернутым по умолчанию?

Ответы [ 3 ]

2 голосов
/ 17 марта 2011

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

Я перешел в папку «Данные приложения Chrome»: C: \ Documents and Settings \ [ИМЯ ПОЛЬЗОВАТЕЛЯ] \ Локальные настройки \ Данные приложения \ Google \ Chrome \ Приложение [НОВЕЙШАЯ ВЕРСИЯ] \ Ресурсы \ Инспектор

Очевидно, заполните [ИМЯ ПОЛЬЗОВАТЕЛЯ] и [НОВЕЙШАЯ ВЕРСИЯ] папками ВЫиметь на вашем компьютере.

Закрыл браузер.

Я открыл DevTools.js в Notepad ++ и начал охоту.Оказывается, что инспектор webkit добавляет свойство css «расширенного» тега при нажатии на маленькую стрелку.

В строке 1484 Для значения по умолчанию есть логическое значение.Я просто изменил this.expanded = false на this.expanded = true

Запустил Chrome и badda-bing, все элементы в инспекторе раскрыты по умолчанию.

1 голос
/ 03 октября 2012

С помощью этой статьи мне удалось заставить это работать с OSX Safari.

Откройте инспектор, найдите элемент (любой подойдет), затем щелкните правой кнопкой мыши и «Проверьте элемент». Вам нужно будет выдвинуть это (нижняя левая кнопка), а затем запишите путь в строке заголовка. Мой

/ System / Library / Frameworks / WebKit.framework / Версии / A / Frameworks / WebCore.framework / Ресурсы / инспектор / inspector.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), OSX 10.6.8

0 голосов
/ 23 января 2011

Вам нужно выбрать элемент DOM в Инспекторе Webkit, а не просто оставлять его выделенным с помощью контекстного элемента «Проверка элемента» правой кнопкой мыши.

При редактировании содержимого в Инспекторе убедитесь, что вы повторно выбралисам элемент DOM;В отличие от его текстового содержимого, или элемент DOM снова свернется.

...