Công cụ hữu ích của Chrome mà ai cũng phải biết – Phần 2

Tiếp tục của phần 1 đang dang dở mọi người nhé, cùng theo dõi tiếp nào 🙂

7. Tìm kiếm phần tử bất kỳ nhờ sử dụng CSS selectors

Nhấn cmd-f (ctrl-f  trong Windows) để mở hộp tìm kiếm trong Element Panel.

Bạn có thể nhập bất kỳ chuỗi nào vào đây để tìm kiếm trong source code, hoặc bạn có thể dùng CSS selectors để thằng Chrome nó tạo ra ảnh cho bạn.

sang7
tìm kiếm bất kỳ nhờ dùng CSS selectors

8. Nhấn shirt – enter trong Console

Để viết được những lệnh nối liền cả trăm dòng, hãy nhấn shift-enter.

Sau đó hãy nhấn Enter để thực thi nó 🙂

sang8
shirt-enter để nối hàng trăm lệnh với nhau

Bạn có thể xóa console bằng việc sử dụng nút Clear ở trên cùng bên trái của console, hoặc ấn ctrl-l or cmd-k.

9. Go to…..

Ở bên trong source panel:

cmd-o (ctrl-o trong Windows), hiển thi tất cả các file đã load lên bởi trang của bạn.

cmd-shift-o (ctrl-shift-o trong Windows), hiển thị symbols (thuộc tính, hàm, lớp) trong file hiện tại.

ctrl-g, trỏ đến dòng nào đó.

sang9
go to file 🙂

10. Xem Expression

Nhằm thay thế cho việc viết đi, viết lại 1 tên biến hoặc là 1 expression, bạn sẽ kiểm tra được rất nhiều trong quá trình debug, hãy add nó tới Watch Expression.

sang10
watch expression

11. XHR/Fetch debugging

Từ trình gỡ lỗi, hãy mở XHR/Fetch Breakpoints panel.

Công dụng của cái này thì bạn xem ảnh này sẽ rõ nhé 🙂

sang11
XHR/Fetch debugging

Vậy là series này kết thúc tại đây mn nhé, hi vọng thông qua bài viết này sẽ giúp ích được cho mọi người 🙂 .

Nhớ nhấn theo dõi để cập nhật những bài viết mới nhất nhé.

 

Advertisements

2 thoughts on “Công cụ hữu ích của Chrome mà ai cũng phải biết – Phần 2”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s