Software Dev - Freelancer
0902.035.028 - hainh2k3@gmail.com

Inspecting (kiểm tra phần tử) dropdown menus hoặc popup bị đóng khi click chuột ra ngoài trên Chrome Dev Tool

Bởi Nguyễn Hoàng Hải
ngày: cập nhật 41 Xem

Chắc các bạn cũng đã từng như mình nếu muốn kiểm tra phần tử của một dropdown menus, hoặc 1 popup trên Chrome Dev Tool, tuy nhiên nếu mình di chuột hoặc click ra ngoài thì popup cũng như dropdown menu bị đóng, thành ra không thể xem style của nó được. Nguyên nhân thì do WebElement đó có sự kiện mouse out hoặc blur, hover ra ngoài sẽ tự động close popup, mình có thể disable event đó đi để xử lý cũng được. Ngoài ra có một cách dễ dàng hơn là giả lập yêu cầu giữ nguyên trạng thái forcus hiện tại với options “Emulate a focused page”.

Đầu tiên bạn cần vào dấu ba chấm dọc cạnh biểu tượng setting, chọn More tools -> Rendring như hình dưới đây để xuất hiện tab Rendering với các chức năng.

Giờ chỉ việc chọn tab Rendering -> tích vào Emulate a forcused page là có thể kiểm tra được phần tử đang xuất hiện rồi.

5 1 vote
Article Rating
Theo dõi
Notify of
0 Comments
Inline Feedbacks
Xem tất cả bình luận