Bạn có biết những tính năng này trên Chromium Dev Tools?

0
1010

Chromium Developer Tools là công cụ dành cho lập trình viên có thế debug, sửa đổi mã trực tiếp, chạy thử nghiệm…

Nếu bạn là lập trình viên, bạn có thể đã sử dụng quen công cụ này.

Tuy nhiên, dưới đây là một số tính năng hữu ích của Chromium Dev Developer Tools mà bạn có thể đã bỏ lỡ.

Những ứng dụng này nên hoạt động trong mọi trình duyệt dựa trên Chromium (Brave, Vivaldi, Opera, Microsoft Edge mới, Google Chrome, v.v.).

6 Tính năng cần biết trên Chromium Developer Tools
6 Tính năng cần biết trên Chromium Developer Tools

1. Dark mode

Bạn có thể kích hoạt các theme khác nhau trong phần cài đặt của Chromium Dev Tools.

2. Shadow Editor

Có một tính năng trực quan giúp bạn chỉnh sửa thuộc tính box-shadow hết sức dễ dàng

3. Color Picker

Bạn cũng có thể chọn màu như trong photoshop với tính năng color picker cực kỳ trực quan.

4. Device Toolbar

Tính năng Device Toolbar sẽ giúp bạn thiết lập các loại kích thước của nhiều thiết bị khác nhau bị để bạn có thể responsive tốt hơn.

5. Layer Inspector

Đây là tính năng giúp bạn kiểm tra các phần tử được đặt chồng lên nhau.

Dev Tools GIF - Find & Share on GIPHY

6. Force Element state

Tính năng này giúp bạn kiểm tra các trạng thái đặc biệt của các phần tử (ví dụ: active hoặc hover).

Lời kết

Đây chỉ là một số tính năng hữu ích trong Chromium Developer Tools mà các bạn học Lập trình Web PHP, Front end hay Back end hay bất cứ ngôn ngữ nào cũng không thể bỏ qua.

Mình chắc chắn nó còn có nhiều hơn thế nữa. Hãy thử sử dụng và khám phá nhé!