Як змінити інструменти для розробників Chrome

489

Інструменти відкриваються внизу хромованого вікна за замовчуванням. Це досить поганий вибір для широкоекранного дисплея, оскільки є багато порожнього місця праворуч, але не так вже й багато вертикального місця. На жаль, я не знайшов способу змінити інструменти. Мені хотілося б, щоб вони були на боці, схожими на firebug.

Єдиний варіант, схожий на те, що я хочу, - це від'єднати інструменти розробки та розмістити хром та вікно інструментів поруч. Це не дуже зручно для швидкого вкладки альт-файлів від IDE до браузера і назад, тому "інтегроване" рішення було б непоганим.

google-chrome  google-chrome-devtools 
— костя
джерело
— Raghav
— Нейт

Відповіді:

895

Chrome 46 або новішої версії

Клацніть на вертикальній еліпсисній кнопці (⋮) і виберіть потрібний варіант стикування.

Chrome 45 або старші

Довго тримайте значок дока вгорі праворуч. З'являється варіант змінити док-станцію

Щоб змінити поділ між панелями HTML та CSS, перейдіть у DevTools до Налаштування (F1)> Загальне> Зовнішній вигляд> Макет панелі.

— loislo
джерело
2
Класно, він присутній у стабільній версії, я просто не знав про це, має ще більше приємних варіантів :) Дякую
— kostja
8
в останніх збірках з хрому та канарки параметр було видалено, але ви все одно можете отримати доступ до нього, натиснувши та утримуючи піктограму дока в нижній лівій частині, з'являється опція для стикування праворуч.
— Пол Спенсер
2
Класна, док-станція праворуч працює. Тепер, як перенести інспектор CSS на вкладку «Елементи» в нижній частині панелі інструментів розробки? Інакше мені доведеться переглядати HTML і CSS поруч у дуже вузьких стовпцях.
— Vicky Chijwani
11
Який жахливий дизайн! Ніде я б сам це не зрозумів. Ніде більше я не бачив цього затримки і чекаю коли-небудь використаного.
— Дмитро Зайцев
4
@blrbr Так так. Якщо вам потрібно здійснити пошук в Google, щоб дізнатися, як активувати варіант, який ви знаєте, існує, в дизайні інтерфейсу користувача щось не так. Ключове слово тут - "відкритість". Це не легко виявити.
— Штійн де Вітт
70

Розмістіть курсор на кнопці док-станції і довго натискайте на неї (кілька секунд) або клацніть правою та лівою кнопкою миші залежно від версії браузера.

введіть тут опис зображення введіть тут опис зображення

— користувач3246105
джерело
41

Комбінація клавіш для перемикання док-станції (сторона / низ)

CTRL+ SHIFT+D

І є багато ярликів, ви можете побачити їх, перейшовши на сторінку

Налаштування »Ярлики , як показано тут:
Скріншот налаштувань

Крім того, натисніть CTRL+, ?щоб перейти до налаштувань, звідти можна дістатись до підпункту "Швидкі клавіші" зліва або скористатися офіційною посиланням .

— Алупота
джерело
6
⌘-Shift-D також на OSX.
— м’ясний простір
2
Якщо ви взагалі не можете відкрити док, спробуйте Ctrl+Shift+I- але якщо у вашому вікні спливаюче вікно, я не думаю, що стикування навіть не працює.
— Номенон
Дякую! Інспектор якимось чином застряг на екрані, CTRL + SHIFT + D підключив його для мене!
— Стен
1
З якоїсь причини, коли я відмикаю інструменти для розробників Chrome, інструмент, здається, біжить праворуч від монітора і більше не видно. Єдиний спосіб, коли я можу змусити його повторно з'явитися, - це Ctrl + Shift + D і підключити інструменти для розробників убік або вниз. Це дивно
— jazzBox
Я просто хотів би заявити про свою любов до вас. 🐐💘🐐
— Кертіс Блеквелл
18

Схоже, це зараз у лівій нижній частині, як піктограма із вікнами, що перекриваються, та "Розв’язати в окреме вікно". підказка.

введіть тут опис зображення

— brian_d
джерело
13
Ви можете уточнити, що вам потрібно натиснути і утримувати цю кнопку, щоб приєднатися праворуч. Як зауважив @PaulSpencer, просто клацнувши лише скасування.
— 0x89
11

Після того як я розмістив док-станцію праворуч (див. Старіші відповіді), я все-таки виявив, що панелі розбиті вертикально.

Щоб розділити панелі по горизонталі - і навіть отримати більше від ширини екрана - перейдіть до "Налаштування" (нижній правий кут) та зніміть прапорець "Розділити панелі вертикально, коли їх встановлено вправо".

Тепер у вас є всі панелі зліва направо: p

— user2243570
джерело
8

Станом на жовтень 2014 року, версія 39.0.2171.27 бета (64-розрядна)

Мені потрібно було перейти на панель веб-розробників Chrome у "Налаштування" та зняти прапорці Сплит-панелі вертикально, коли стиковано праворуч

— П’єр Мауї
джерело
1

Версія 56.0.2924.87, в якій я зараз, автоматично відміняє DevTools, якщо ви НЕ на робочому столі. В іншому випадку відкрийте НОВУ нову вкладку Chrome і перевірте, чи з'єднати DevTools назад у вікно.

— Charix
джерело
Що ви маєте на увазі "не в робочому столі"? Я на 59.0.3067.6 (dev), і це робить деякі дивні речі на певних веб-сайтах. Наприклад, у Vtiger 6.5 клацання правою кнопкою миші та «перевірка» відкриває інструменти розробників у новому вікні, у якому відсутній вибір «Сторона док-станції», однак за допомогою F12 відкриває його, як правило, вбудованого в поточну вкладку з наявним вибором «Док-сторона». Дивно.
— dhaupin
0

Крім того, якщо ви хочете побачити Джерела та консоль в одному вікні, перейдіть до:

"Налаштувати та керувати DevTools ->" Показати ящик консолі "

Ви також можете побачити його тут, у правому куті:

"Показати ящик консолі"

— Антон Полканов
джерело
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.