Xóa bài viết
Bạn có chắc chắn muốn xóa bài viết này không ?
Xóa bình luận
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://flagsvà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 =))
Bình luận
{{ comment.user.name }}
Bỏ hay
Hay
Cùng một tác giả
6
3
Bài viết chia sẻ một số lệnh trong VIM editor để hiện hoặc ẩn số dòng trong VIM editor của bạn, sẽ tiện lợi trong một số trường hợp cụ thể trong qu...
5
5
_Có thể bạn biết rồi]_ Cách sử dụng ctags để làm việc hiệu quả hơn trên VIM editor. Hôm nay nhân dịp cài lại hệ điều hành, cần phải tạo lại bộ ta...
3
0
Nụ hôn à? Không, không phải đâu. KISS là viết tắt của một nguyên lí khá nổi tiếng, được áp dụng nhiều trong cuộc sống, đó là “Keep It Simple, Stupi...
Bài viết liên quan
78
17
Hoài niệm Ngồi một góc nhỏ cafe, lại nhớ về một chút kỷ niệm gì của quá khứ. Một người bạn của quá khứ hay đôi khi là những tin nhắn sến sẩm với b...
27
6
(Link) mình đã giới thiệu qua cái cấu trúc của 1 extension(viết tắt Ext) cho chrome như thế nào rồi. Hôm nay mình giải thích và làm từng bước, làm ...