Как развернуть все элементы в представлении элементов WebKit Inspector?

Есть ли способ развернуть все элементы в представлении элементов инспектора Chrome WebKit?


google-chrome webkit inspector
person Jon Rose    schedule 23.08.2013    source источник
comment
Я не знаю, но мне самому интересно, и я только что нашел этот вопрос через Google. Вы когда-нибудь узнавали?   -  person GMA    schedule 31.10.2013

Ответы (7)


arrow_upward
111
arrow_downward

Если вы удерживаете ctrl + alt для Windows (просто opt на Mac), нажимая на стрелку элемента, который хотите развернуть, он расширится и все его дочерние элементы. будет расширяться. Итак, если вы ctrl + alt щелкнете по тегу <html>, это должно развернуть всю страницу.

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

person AllTradesJack    schedule 06.08.2014
comment
Просто удерживая Alt и нажимая, у меня работает в Windows - спасибо - person JeffG; 17.09.2014
comment
Сэкономил мне несколько попыток, пытаясь сделать снимок экрана до того, как сработает таймер перенаправления :D - person Pierre; 12.09.2016
comment
Просто Alt в Linux. - person Ivan Kozik; 17.05.2017
comment
Shift+Alt в убунту - person user2106769; 24.03.2019

arrow_upward
6
arrow_downward

CTRL + SHIFT + ALT  + ЛЕВЫЙ щелчок

person Luke Floden    schedule 10.01.2017

arrow_upward
5
arrow_downward

Вот как я решил это сделать:

Выделите тег элемента, который я хочу проверить, если это полное (развернуть все) требование, затем выделите тег <body>, нажмите F2.

Примечание. F2 на самом деле является ярлыком для «Переключить редактирование как HTML». Вы можете напрямую вносить любые изменения в этом режиме, изменения отражаются на веб-странице. Вы можете щелкнуть правой кнопкой мыши в этом новом окне просмотра кода и включить/отключить перенос слов.

person user3145814    schedule 30.12.2013
comment
бум. Как раз то, что я хотел. Спасибо! - person Jon Rose; 30.12.2013
comment
Это работает, спасибо. Дополнительное пожелание состоит в том, чтобы этот редактируемый контент был отформатирован. - person CuongHuyTo; 28.08.2014

arrow_upward
1
arrow_downward

В Chrome при нажатии на стрелку в исходном коде будут развернуты все дочерние элементы.


  • ALT + щелчок по стрелке = разворачивать один уровень за другим
  • ALT + CTRL + щелчок по стрелке = Развернуть «Все» уровни сразу
person Kenny Yarmolchuk    schedule 18.01.2018

arrow_upward
0
arrow_downward

Я обнаружил, что просто щелкнул правой кнопкой мыши по тегу и выбрал «Расширить рекурсивно» для меня. Я использую Chrome версии 66.

Вы также можете щелкнуть правой кнопкой мыши и «Свернуть дочерние элементы», чтобы снова свернуть все это.

person Pedz    schedule 08.05.2018

arrow_upward
0
arrow_downward

Нажмите на элемент:

  • Alt + стрелка вправо (развернуть)
  • Alt + стрелка влево (свернуть)

Вы можете перемещаться с помощью клавиш со стрелками и с помощью Tab.

person artemisian    schedule 12.05.2021

arrow_upward
0
arrow_downward

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

person NorthernFern    schedule 04.07.2021