일상적인 디버깅을 위해 Chrome Dev Tools에서 Firefox(27.0.1)로 이동하려고 하는데 Firefox를 다시 시작해야만 해결할 수 있는 문제가 검사기에서 계속 발생합니다.
페이지를 처음 로드할 때 DOM에 대한 전체 액세스 권한을 얻지만 이후 로드/새로 고침 시 Inspector 창에 다음과 같은 내용이 표시됩니다.
'307개 노드 모두 표시' 버튼을 클릭해도 아무런 효과가 없습니다. 노드 축소 버튼을 클릭해도 아무런 효과가 없습니다. 내 규칙/계산/글꼴/상자 모델 패널이 모두 비어 있습니다.
이 문제를 해결하려면 어떻게 해야 합니까?
답변1
답변2
devtools의 노드 검사 버튼이 왼쪽의 검사기 패널 도구 모음에서 오른쪽의 도구 상자 도구 모음으로 이동되었습니다.
devtools의 새로운 노드 형광펜 위치
마크업 패널의 노드 위로 마우스를 가져가면 형광펜이 표시됩니다(클릭하지 않고).