[javascript] 크롬 개발자도구 콘솔창에서 제어 시 요소 접근 불가(undefined)

Question

안녕하세요!자바스크립트를 배워가는 과정에 있는 학생입니다. 자바스크립트를 이용하여 for문 실행을 하고 싶어크롬으로 이미 개발된 웹페이지에서 F12를 눌러 개발자도구를 띄우고콘솔창에 document.querySelectorAll(&#34;.클래스명&#34;) 으로 바로 입력을 하니요소를 찾을 수 없는지 undefined로 먹힙니다... 그런데 개발자도구 좌측상단의 검사할 페이지 요소 선택을 클릭해서페이지의 요소 하나를 선택하여 태그들을 한번 인식(?)하고 난 후다시 동일하게 document.querySelectorAll(&#34;.클래스명&#34;) 으로 입력을 하면그 때는 인식이 되는데요... 해보려고 하는게 반복문으로 클릭이벤트 후 새로운 페이지의 요소(태그명 및 클래스명)에 대한 접근도 필요하여매번 저 검사할 페이지 요소 선택을 클릭한 후 다음 명령을 실행하게끔 할 수가 없어서요..처음 콘솔창 띄워서 document.querySelectorAll 을 하기 전 태그 및 요소를 인식할 수 있게끔 하는코드가 따로 있을지, 아니면 검사할 페이지 요소 선택 기능을 강제할 수 있는 코드가 따로 있을지도움 요청 드립니다. 감사합니다!! ㅠ

자바국비뻐꾸기 · Answer

검사를 하신다는게 작동 잘 되는지 보신다는거 같은데, 임의값을 넣은 다음에 페이지 구동하면 되지않을까요?

베어베터 · Answer

&#64;자바국비뻐꾸기님앗 네.. 크롬 개발자도구 좌측 상단에 검사할 페이지 요소 선택이라는 버튼이 있거든요 그 버튼 이름이 검사할 페이지 요소 선택이구요 제가 하려는 건 검사나 테스트를 해보려는 건 아니고 반복문으로 매크로처럼 동작시키려고 합니다. document.querySelectorAll 로 웹페이지에 있는 버튼들을 배열에 저장해서 첫번째 버튼 클릭 후 나타나는 페이지에 명령문을 내리고, 끝나면두번째 버튼 클릭 후 나타나는 페이지에 명령문을 내리고 하는 작업을 반복하려고 하는거라서요!근데 처음에 개발자도구 띄워서 콘솔창에 이런 코드를 작성하면요소 인식(?)을 못해서 undefined가 뜨는 문제를 어떻게 해결할 수 있을지 여쭤본거였습니다!

rezigrene · Answer

iframe 같은걸로 페이지 띄워서 그런듯하고 외부에서 접근안되는게 정상입니다.

베어베터 · Answer

&#64;rezigrene님네 iframe 맞습니다!외부에서 접근안된다는 말씀은 개발자도구 콘솔창에 입력한 코드로바로 태그에 접근하는 것은 아예 원천적으로 불가능하다는 말씀으로 보면 될까요?? ㅠㅠ혹시 뚫을 수 있는 방법은 없을까요....!

rezigrene · Answer

해킹사이트가 iframe안에 은행사이트 넣어두고 제어하는것 같은 사태를 막기위해 기본적으로 막혀있습니다. 부모프레임 자식프레임모두 동일 소유자가 제어가능한 사이트라면 방법은 있겠습니다만..초보자가 제대로 설정하기도 힘들고 배울필요도 없습니다.( 안써요)

[javascript] 크롬 개발자도구 콘솔창에서 제어 시 요소 접근 불가(undefined)

5개의 답변

Q&A 목록