Tự động mở các công cụ dành cho nhà phát triển Chrome khi tab mới / cửa sổ mới được mở

Tôi có ứng dụng HTML5 mở trong một cửa sổ mới bằng cách nhấp vào liên kết. Tôi hơi mệt khi nhấn Shift + Mỗi lần tôi muốn đăng nhập giao tiếp mạng để khởi chạy các công cụ dành cho nhà phát triển vì tôi luôn cần nó. Tôi không thể tìm thấy tùy chọn để giữ Công cụ dành cho nhà phát triển luôn được bật khi khởi động.

Có cách nào để tự động mở các công cụ dành cho nhà phát triển khi cửa sổ mới được mở trong Chrome không?

CẬP NHẬT 2:

Xem câu trả lời này . - 2019-11-05

Bây giờ bạn cũng có thể có Công cụ dành cho nhà phát triển tự động mở trong Cửa sổ bật lên nếu chúng được mở ở nơi bạn mở chúng từ đó. Ví dụ: nếu bạn không mở Công cụ Dev và bạn có cửa sổ bật lên, nó sẽ không mở với Công cụ Dev. Nhưng nếu bạn có Dev Tools Open và sau đó bạn nhấp vào cái gì đó, cửa sổ bật lên sẽ tự động mở Dev-Tools.

CẬP NHẬT:

Thời gian đã thay đổi, bây giờ bạn có thể sử dụng --auto-open-devtools-for-tab như trong câu trả lời này - Wouter Huysentbean ngày 18 tháng 5 lúc 11:08

OP:

Tôi đã chơi xung quanh với chuỗi khởi động cho Chrome khi thực thi, nhưng không thể khiến nó tồn tại với các tab mới.
Tôi cũng đã nghĩ về một phương thức PATH được xác định mà bạn có thể gọi từ dấu nhắc. Điều này có thể với lệnh SendKeys, nhưng một lần nữa, chỉ trong một trường hợp mới. Và DevTools không tồn tại với các tab mới.

Duyệt qua Diễn đàn sản phẩm của Google, dường như không có cách tích hợp nào để thực hiện việc này trong Chrome. Bạn sẽ phải sử dụng giải pháp gõ phím hoặc F12như đã đề cập ở trên.

Tôi đề nghị nó như là một tính năng. Tôi biết tôi cũng không phải là người đầu tiên.

Khi mở các công cụ dành cho nhà phát triển, với cửa sổ công cụ dành cho nhà phát triển được lấy nét, nhấn F1. Điều này sẽ mở một trang cài đặt. Kiểm tra "Tự động mở DevTools cho cửa sổ bật lên".

Điều này làm việc cho tôi.

Có một công tắc dòng lệnh cho việc này: --auto-open-devtools-for-tabs

Vì vậy, đối với các thuộc tính trên Google Chrome, hãy sử dụng một cái gì đó như thế này:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

Đây là một liên kết hữu ích: chromium-lệnh-line-tắc

Trên máy Mac: Thoát Chrome, sau đó chạy lệnh sau trong cửa sổ đầu cuối:

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

Trong cài đặt DevTools của Chrome, bạn bật:

Trong Mạng -> Bảo tồn Nhật ký Dưới DevTools -> Tự động mở DevTools cho cửa sổ bật lên

F12 dễ hơn Ctrl + Shift + I

Với cửa sổ Công cụ dành cho nhà phát triển hiển thị, nhấp vào biểu tượng menu (ba dấu chấm dọc ở góc trên cùng bên phải) và nhấp vào Cài đặt .

Trong Dev Tools , kiểm tra tùy chọn DevTools tự động mở cho cửa sổ bật lên

Tôi đến đây để tìm kiếm một giải pháp tương tự. Tôi thực sự muốn xem đầu ra chrome cho tải trang từ một tab mới. (gửi biểu mẫu trong trường hợp của tôi) Giải pháp tôi thực sự đã sử dụng là sửa đổi thuộc tính đích của biểu mẫu để việc gửi biểu mẫu sẽ xảy ra trong tab hiện tại. Tôi đã có thể nắm bắt các yêu cầu mạng. Giải quyết vấn đề!

Bất cứ ai đang tìm cách làm điều này trong Visual Studio, bài viết về Dự án Mã này sẽ giúp ích. Chỉ cần thêm "--auto-open-devtools-for-tab" vào hộp đối số. Hoạt động vào năm 2017.

Nếu bạn sử dụng Visual Studio Code (vscode), sử dụng tiện ích mở rộng gỡ lỗi chrome vscode rất phổ biến ( https://github.com/Microsoft/vscode-chrome-debug ), bạn có thể thiết lập tệp cấu hình khởi chạy launch.jsonvà chỉ định để mở công cụ dành cho nhà phát triển trong một phiên gỡ lỗi.

Đây là cái launch.jsontôi sử dụng cho các dự án React của mình:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

Dòng quan trọng là "runtimeArgs": ["--auto-open-devtools-for-tabs"],

Từ vscode bây giờ bạn có thể nhập F5, Chrome cũng mở ứng dụng của bạn và tab bảng điều khiển.

Đúng, có một cách bạn có thể làm điều đó

1. Nhấp chuột phải-> Kiểm tra-> nguồn (tab)

2. Về phía bên phải của bạn sẽ có một "nút thực thi tập lệnh tạm dừng"

Tôi hy vọng nó sẽ giúp!

• PS: Đây là lần đầu tiên. Từ lần thứ hai trở đi, công cụ dev sẽ tự động tải

Sử dụng --auto-open-devtools-for-tabscờ trong khi chạy chrome từ dòng lệnh

/ Ứng dụng / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --auto-open-devtools-for-tab

https://developers.google.com/web/tools/chrom-devtools/open#auto

Bạn có thể mở Dev Tools ( F12trong Chrome) trong cửa sổ mới bằng cách clicking three, vertical dotsở góc dưới bên phải và chọn Open as Separate Window.