Các công cụ được mở ở dưới cùng của cửa sổ chrome theo mặc định. Đây là một lựa chọn khá tệ cho màn hình rộng vì có nhiều không gian trống ở bên phải nhưng không có nhiều không gian dọc để dự phòng. Thật không may, tôi đã không tìm thấy cách nào để định vị lại các công cụ. Tôi muốn có chúng ở bên cạnh, tương tự như con bọ lửa.

Tùy chọn duy nhất tương tự như những gì tôi muốn là tách các công cụ dev và đặt chrome và cửa sổ công cụ cạnh nhau. Điều này không thuận tiện cho việc nhanh chóng chuyển tab từ IDE sang trình duyệt và ngược lại, vì vậy một giải pháp "tích hợp" sẽ rất tốt.

Chrome 46 trở lên

Nhấp vào nút dấu chấm lửng dọc () sau đó chọn tùy chọn lắp ghép mong muốn.

Chrome 45 trở lên

Giữ biểu tượng dock ở trên cùng bên phải. Nó bật lên một tùy chọn để thay đổi docking

Để thay đổi sự phân chia giữa các bảng HTML và CSS, hãy chuyển đến DevTools thành Cài đặt (F1)> Chung> Giao diện> Bố cục bảng.

Đặt con trỏ của bạn trên nút dock và nhấp dài vào nó (vài giây) hoặc nhấp chuột phải và chuột trái tùy thuộc vào phiên bản trình duyệt.

Phím tắt để chuyển đổi vị trí lắp ghép (bên / dưới)

CTRL+ SHIFT+D

Và có nhiều phím tắt bạn có thể thấy chúng bằng cách đi đến

Cài đặt »Phím tắt , như được hiển thị ở đây:

Ngoài ra, sử dụng CTRL+ ?để đi đến cài đặt, từ đó người ta có thể tiếp cận mục phụ "Phím tắt" ở bên trái hoặc sử dụng tham chiếu Chính thức .

Có vẻ như cái này ở phía dưới bên trái bây giờ là một biểu tượng với các cửa sổ chồng chéo và "Hoàn tác vào cửa sổ riêng biệt." chú giải công cụ.

Sau khi tôi đặt dock của mình sang bên phải (xem câu trả lời cũ hơn), tôi vẫn thấy các tấm được chia theo chiều dọc.

Để phân chia các bảng theo chiều ngang - và thậm chí nhận được nhiều hơn từ chiều rộng màn hình của bạn - hãy đi tới Cài đặt (góc dưới cùng bên phải) và xóa kiểm tra trên 'Chia bảng theo chiều dọc khi được neo sang phải'.

Bây giờ, bạn có tất cả các bảng từ trái sang phải: p

Kể từ tháng 10 năm 2014, Phiên bản 39.0.2171.27 beta (64-bit)

Tôi cần truy cập vào Chrome Chrome Developper pan vào "Cài đặt" và bỏ chọn Bảng phân chia theo chiều dọc khi được neo sang phải

Phiên bản 56.0.2924.87 mà tôi hiện đang sử dụng, Tự động tháo gỡ DevTools nếu bạn KHÔNG ở trong máy tính để bàn. Nếu không, hãy mở tab Chrome mới và Kiểm tra để đưa DevTools trở lại cửa sổ.

Ngoài ra, nếu bạn muốn xem Nguồn và Bảng điều khiển trên một cửa sổ, hãy truy cập:

"Tùy chỉnh và kiểm soát DevTools ->" Hiển thị ngăn kéo bảng điều khiển "

Bạn cũng có thể thấy nó ở đây ở góc bên phải: