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

1

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.

tìm kiếm bất kỳ nhờ dùng CSS selectors
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ó ?

shift-enter để nối hàng trăm lệnh với nhau
shift-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 đó.

go to file ?
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.

watch expression
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é ?

XHR/Fetch debugging
XHR/Fetch debugging

 

Vậy là series này kết thúc tại đây mn nhé, hi vọng rằng qua bài viết này bạn đã biết thêm được vài kiến thức mới, còn cao nhân xin đừng ném đá em tội nghiệp ? .

Chúc bạn thành công, nếu có bất cứ câu hỏi nào bạn có thể bấm comment nha 😀

Nguồn : https://vansangcse.wordpress.com/2018/04/25/cong-cu-huu-ich-cua-chrome-ma-ai-cung-phai-biet-phan-2/

1 Comment
  1. […] Posts Công cụ hữu ích của Chrome mà ai… Lập trình viên và khái niệm Growth Hacking? Công cụ hữu ích của Chrome mà […]

Leave A Reply

Your email address will not be published.