확장 성 측면에서 - 개의 노드를 확장 할 수있는 개의 개체가 있습니다. Chrome 개발자 도구의 콘솔 탭에 표시되는 개체입니다. 차트를 디버깅 할 특정 값을 찾고 있습니다. CTRL-F (찾기)를 수행하고 Chrome 개발자 도구가있는 방법이 있습니까 을 확장하여 위치를 표시하는 올바른 노드가 있습니까? 나는 수동으로 각 노드를 확장 할 수 있지만 그럴 가능성이 가장 높습니다 (말했듯이 - 많은 노드). 나는 HTML을 처음 사용하기 때문에 이것은 사소한 일일 수도있다. 현재 CTRL-F를 수행하면 얼마나 많은 인스턴스가 있는지 알려주지 만 노드가 이미 확장되어 있지 않으면 강조 표시하지 않습니다.Chrome 개발자 도구 콘솔에서 텍스트 찾기
간단히 말해 Chrome 개발자 도구 (콘솔 탭)에서 CTRL-F를 수행하고 콘솔에서 해당 노드를 강조 표시하고 강조 표시 할 수 있습니까?
EDIT (이미지 추가) :
공개 개발 도구 및 단지 관리자의 내부 곳을 클릭합니다. 그런 다음 Ctrl + F를 누르면 인스펙터 내부 만 검색됩니다. 결과를 찾은 요소가 확장됩니다.
편집 : 콘솔에서 항목을 찾으려면 필터 버튼 (오른쪽 상단 두 번째 버튼)을 클릭하고 검색 할 내용을 입력하십시오. 이것은 당신이 요구하고있는 것이 아니지만 불행히도 콘솔에서 할 수있는 가장 구체적인 검색이라고 생각합니다.
그게 내가하고 싶은데, 'Console'탭 대신 'Elements'탭이 아니라. 원본 게시물 편집을 참조하십시오. – Roka545
당신은 당신의 로그 문 내에서 JSON.stringify을 사용하고 Ctrl 키 + /Cmd를 + F F와 함께 평소와 같이 결과를 검색 할 수 있습니다. 그다지 예쁜 것은 아니지만 순환 참조가 있으면 실패합니다.
다른 해결책은 Chrome 스 니펫에 노드를 반복하고 재귀 적으로 로그하는 확장 기능을 만들고 각 레벨별로 그룹화하여 console.group으로 만드는 것입니다. 이 solution을 참조하십시오. 다른 솔루션과 마찬가지로 바로 가기를 사용하여 텍스트를 찾을 수 있습니다.
요소 위에서 마우스 오른쪽 버튼을 클릭하고 "inspect"를 클릭하십시오. –
"Elements"탭에서 CTRL + F를 누르면, 내 검색과 일치하는 문서에서 찾은 노드를 자동 확장합니다. 이것이 당신이 겪고있는 행동이 아닌가? – Thebluefish
저는 Chrome 개발자 도구에서 콘솔 탭에 대해 구체적으로 말하고 있습니다 (마우스 오른쪽 버튼 클릭 -> '검사'로 액세스). 원래 게시물에 이미지를 첨부했습니다. 내가 무엇을하려고하는지에 대한 아이디어를 얻으려면 : 나는 클릭되거나 올려 졌을 때 chartClick/chartHover 메소드를 수행하는 차트를 가지고 있습니다. 객체를 반환합니다. 그 객체를 가져 와서 차트의 x, y 값을 얻고 싶습니다. 그러나 반환 된 객체에서 그 값을 찾을 수 없습니다 (크기가 크거나 확장 가능하기 때문에). – Roka545