Как переместить инструменты для создания хрома

Инструменты отображаются в нижней части окна хрома по умолчанию. Это довольно плохой выбор для широкоэкранного дисплея, так как есть много свободного места справа, но не слишком много свободного места. К сожалению, я не нашел способа переместить инструменты. Я хотел бы иметь их на стороне, похожей на Firebug.

Единственный вариант, похожий на то, что я хочу, - отделить инструменты dev и поместить хром и окно инструментов бок о бок. Это не очень удобно для быстрого перетаскивания из среды IDE в браузер и обратно, так что "интегрированное" решение было бы приятным.

Спасибо.

Ответы

Ответ 1

Chrome 46 или новее

Нажмите кнопку вертикального эллипса (⋮), затем выберите желаемый вариант стыковки.

Chrome 45 или старше

Долго удерживайте значок док-станции в правом верхнем углу. В нем появляется опция изменения стыковки

Чтобы изменить разделение между панелями HTML и CSS, перейдите в DevTools к настройкам (F1) > Общие > Внешний вид > Макет панели.

Ответ 2

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

enter image description hereenter image description here

Ответ 3

Комбинация клавиш для переключения положения стыковки (сторона/дно)

CTRL + SHIFT + D

И есть много ярлыков, которые вы можете увидеть, перейдя в

Настройки "Ярлыки, как показано здесь:
Settings screenshot

В качестве альтернативы используйте CTRL + ?, чтобы перейти к настройкам, оттуда можно перейти к подпункту "Ярлыки" слева или использовать Официальная ссылка.

Ответ 4

Похоже, что это внизу слева теперь как значок с перекрывающимися окнами и "Открепить в отдельном окне". подсказка.

enter image description here

Ответ 5

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

Чтобы разделить панели по горизонтали - и даже получить больше от ширины экрана - перейдите в Настройки (нижний правый угол) и снимите флажок "Разделить панели вертикально, когда состыкован вправо".

Теперь у вас есть все панели слева направо: p

Ответ 6

По состоянию на октябрь 2014 года версия 39.0.2171.27 beta (64-разрядная версия)

Мне нужно было перейти в панель Chrome Web Developer в "Настройки" и снять флажки Разделить панели по вертикали, когда состыкован вправо

Ответ 7

Версия 56.0.2924.87, которую я сейчас нахожу, автоматически распаковывает DevTools, если вы НЕ на рабочем столе. В противном случае откройте новую новую вкладку Chrome и оставьте Dock DevTools обратно в окно.