Công cụ

Chrome DevTools Tham Khảo Nhanh

Cheat sheet sẵn sàng để in cho Chrome DevTools Tham Khảo Nhanh, được sắp xếp để tra nhanh, học tập và dùng cạnh bàn làm việc

Mẫu

Nội dung cheat sheet này

`Right-click -> Inspect`	Mở panel Elements cho phần tử
`Double-click tag/attribute`	Chỉnh sửa HTML trực tiếp
`Delete key`	Xóa node đang chọn
`Ctrl+Z`	Hoàn tác thay đổi DOM
`H key`	Ẩn/hiện phần tử đang chọn
`Drag node`	Di chuyển phần tử trong cây DOM

`element.style {}`	Thêm inline style cho phần tử
`Click property value`	Chỉnh sửa giá trị CSS trực tiếp
`Checkbox cạnh rule`	Bật/tắt thuộc tính CSS
`:hov button`	Ép pseudo-state (:hover, :focus)
`.cls button`	Thêm/xóa CSS class
`Color swatch`	Mở color picker
`Tab Computed`	Xem giá trị CSS tính toán cuối cùng

Tải cheat sheet đầy đủ với tất cả các phần, sẵn sàng để in

Tải PDF

Tải xuống