thiết kế website - HaiNH https://hainh.dev Sun, 13 Dec 2020 19:01:00 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://hainh.dev/wp-content/uploads/2025/10/cropped-logomyblog-32x32.png thiết kế website - HaiNH https://hainh.dev 32 32 249252746 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 https://hainh.dev/inspecting-kiem-tra-phan-tu-dropdown-menus-hoc-popup-bi-dong-khi-click-chuot-ra-ngoai-tren-chrome-dev-tool/?utm_source=rss&utm_medium=rss&utm_campaign=inspecting-kiem-tra-phan-tu-dropdown-menus-hoc-popup-bi-dong-khi-click-chuot-ra-ngoai-tren-chrome-dev-tool https://hainh.dev/inspecting-kiem-tra-phan-tu-dropdown-menus-hoc-popup-bi-dong-khi-click-chuot-ra-ngoai-tren-chrome-dev-tool/#respond Sun, 13 Dec 2020 19:01:00 +0000 https://hainh2k3.com/?p=3327 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ì...

The post 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 first appeared on HaiNH.

]]> 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.

The post 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 first appeared on HaiNH.

]]> https://hainh.dev/inspecting-kiem-tra-phan-tu-dropdown-menus-hoc-popup-bi-dong-khi-click-chuot-ra-ngoai-tren-chrome-dev-tool/feed/ 0 3327