크롬 관리자/방화범 확대경 UI는 어떻게 작동합니까?

Question

크롬 관리자 또는 방화범과 같이 사용자가 클릭하여 DOM 요소를 선택할 수있는 Chrome 확장 프로그램을 만들고 있습니다. 그렇게하기 위해 모든 클릭 이벤트를 비활성화하거나 문서 위에 투명 매트를 배치해야합니다. 어떤 방법이 더 좋을지 모르겠다. 이유는 ...

• 비활성화 (백업)/복원 이벤트는 상당히 복잡한 것처럼 보입니다.

• 문서 위에 투명 매트 사용 : 사용자가 매트를 클릭하여 요소를 선택하는 방법은 무엇입니까? 이 관련

Answer 1

파이어 버그 코드는 여기에서 찾을 수 있습니다 :

https://github.com/firebug/firebug/blob/master/extension/content/firebug/html/inspector.js

마우스 이벤트 업을 백업하고 복원되지 않습니다. 이벤트는 Firebug에서 처리 한 후 간단히 cancelled입니다.

실제로 HTML과 요소가 겹칩니다. 그 아래 요소를 가져 오기 위해 Inspector는 originalTarget을 사용합니다. 또한 CSS 속성이 pointer-events이고 none으로 설정되어 있습니다.

세바스찬