Tùy biến giao diện cho Chrome DevTools
Chrome
8
DevTool
3
Chrome Extension
7
White

Hiền Vương viết ngày 11/09/2015

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:

  1. Cài đặt extension từ Chrome Web Store
  2. Mở Chrome lên, gõ chrome://flags vào Address bar
  3. Tìm và enable option “Enable Developer Tools experiments”
  4. Nhấn “Relaunch Now” để khởi động lại Chrome.
  5. 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:

alt text

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 =))


link bài viết trên medium

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Hiền Vương

5 bài viết.
2 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
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...
Hiền Vương viết 2 năm trước
6 3
White
4 4
_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...
Hiền Vương viết gần 3 năm trước
4 4
White
2 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...
Hiền Vương viết hơn 1 năm trước
2 0
Bài viết liên quan
White
14 1
Firefox đang là "trình duyệt của nhà phát triển" với nhiều công cụ tuyệt vời để giúp bạn làm việc dễ dàng hơn. Bạn có thể tìm thấy bộ sưu tập công ...
Juno_okyo viết hơn 2 năm trước
14 1
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
5 bài viết.
2 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!