Chrome DevTools에서 검사를 위해 마우스 오버에 민감한 팝오버를 일시 중지하는 방법은 무엇입니까?

Chrome DevTools에서 검사를 위한 호버 감지 팝오버 일시 중지

Chrome 검사기를 사용하여 Twitter Bootstrap에서 팝오버를 검사하는 동안 문제가 발생합니까? 이 가이드는 편리한 CSS 평가 및 수정이 가능하도록 팝오버가 표시되는 동안 고정하는 솔루션을 제공합니다.

이를 달성하려면 다음 단계를 따르세요.

1. 원하는 웹페이지로 이동하여 키 조합 F12(Windows/Linux)을 사용하여 DevTools 콘솔을 열거나 옵션 ⌘ J(macOS).
2. 검사기에서 소스 탭을 선택하세요.
3. 브라우저 창에서 원하는 요소 위로 마우스를 가져가면 팝오버.
4. 팝오버가 표시된 상태에서 F8(Windows/Linux) 또는 fn F8(macOS)을 누릅니다. 검사기 패널에 초점을 맞추는 것을 잊지 마세요(예: 소스 탭).
5. 검사기에서 요소 탭으로 전환하세요.
6. 다음 HTML 내에서 팝오버를 찾으세요. 트리거 요소.
7. 팝오버 없이 관련 CSS를 원하는 대로 수정합니다. 사라져요.

위 내용은 Chrome DevTools에서 검사를 위해 마우스 오버에 민감한 팝오버를 일시 중지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!