Bạn có chắc chắn muốn xóa bài viết này không ?
Bạn có chắc chắn muốn xóa bình luận này không ?
Tùy biến giao diện cho Chrome DevTools
DevTools
Là một Developer hẳn bạn ít nhất cũng đã một lần sử dụng các Developer Tool (DevTool) để debug một đoạn code, inspect một element nào đó, hay kiểm tra một status của một request, blah blah..
Với những Dev phải hàng ngày làm những công việc trên thì việc thường xuyên nhìn vào một giao diện có thể khiến chúng ta thấy chán (như ăn cơm với ăn phở vậy :devil: ) , nên sau đây tui sẽ chỉ cho bạn cách cài đặt một custom theme lên DevTool của Chrome.
DevTools themes
Tương tự như các text editor, giao diện của DevTools cũng có thể được customized (màu mè hoa lá cành cho các thẻ tab, panel, syntax highlight,..) để ....nhìn đỡ chán hơn (^^^)
Có một số tác giả đã viết một vài themes, được nhiều người sử dụng như https://github.com/mauricecruz/chrome-devtools-zerodarkmatrix-theme, https://github.com/xero/greybeard-devtools,..
Cài đặt
Chỉ cần chưa đầy một phút, các bước như sau:
- Cài đặt extension từ Chrome Web Store
- Mở Chrome lên, gõ
chrome://flags
vào Address bar - Tìm và enable option “Enable Developer Tools experiments”
- Nhấn “Relaunch Now” để khởi động lại Chrome.
- Trong Settings của DevTools, chọn thẻ "Experiments", sau đó tick chọn "Allow custom UI themes". F12 lại, bạn sẽ có được theme đen thui như thế này:
Tất nhiên bạn hoàn toàn có thể tự tạo theme cho mình, màu hường màu tím thủy chung chẳng hạn =))






