개발자도구의 콘솔창에서 iframe 내의 소스를 가져오는 방법에 대해 질문 드립니다

1.

리플레이 selector가 2개가 있습니다 :)

네모님께서 말씀하신 selector의 경우에는 영상 가운데에 나오는 리플레이 버튼이고, 이니스프리님이 말씀하신 selector는 하단 부분에 생기는 리플레이 버튼입니다.

하단 셀렉터도 오류가 나 있어요.
img_player.btn_replay.player_replay.hidden 가 아니라
.img_player.btn_replay.player_replay.hidden 가 되어야 합니당 img_player 를 클래스 취급하지 않고 있어요.

아 앞쪽에 .이 있는줄 알았네요 ㅋㅋㅋㅋㅋ

네모 님 답변 달아주셔서 감사합니다. :)

1.

이 부분은 제가 이것저것 시도하면서 그 과정을 에버노트에 붙여넣기 하다가 깜빡 잘못 말씀드렸네요 ㅠㅠ

var jq = document.createElement('script');

jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";

document.getElementsByTagName('head')[0].appendChild(jq);

$('button.img_player.btn_replay.player_replay').trigger('click');

콘솔창에서 이런 방식으로 했었습니다 ㅠㅠ

네이버에서는 비슷한 방식으로 잘 되더군요.

humit 님 말씀대로 플레이 끝난 후에 플레이어 좌측 하단에 생기는 리플레이 버튼을 클릭하려고 했어요 ^^

콘솔창에서 이걸 강제 클릭하면 곡이 진행되는 도중에도 다시 처음으로 돌릴 수 있더군요.

2.

그렇다면 콘솔창에서의 조작만으로는 불가능한 것이군요 ㅜㅜㅜㅜㅜ

네이버나TV와 티비플의 경우 영상 1개의 반복을 업체측에서 지원하던데요.

유독 카카오TV에서는 이 버튼이 없더군요 ㅠㅠ

그래서 만들어보려고 한 것이었요.

그럼 네모 님께서도 좋은 주말 오후 되세요 :)

시간 내서 봐주셔서 다시 한 번 감사드립니다!

아하! XPath 따면 context가 이동되는군요.

정확히 말하면 XPath를 따는게 아니라 Elements 탭에서 iframe 내부를 클릭할 때 context가 이동합니다.

humit 님 주말 잘 보내고 계시는가요?

복무 중이라 주말에도 바쁘실텐데 답변 달아주셔서 감사합니다 :)

1.

크롬 자체의 Same-origin-policy를 끄지 않고서는 불가능한 것이었군요 ㅠㅠ

보안에 관련된 부분을 건드리면서까지 반복 재생하고 싶지는 않으니

카카오TV를 정말 반복 재생해서 듣고 싶으면 차라리 selenium으로 듣는 편이 낫겠네요 :)

2.

저는 브라우저에 뭔가 버그가 있나 혼자서 고민을 했는데요 ㅠㅠ

XPath를 따는 과정에서 자연스럽게 iframe 내부를 인식하게 되는 것이었군요 ㄷㄷ

humit 님 덕분에 제가 궁금했던 부분이 모두 해결되었습니다! 감사합니다 :)

그럼 humit 님께서도 남은 주말 즐겁게 보내시고

저도 감기 때문에 고생하고 있는데 감기 조심하세요 ^-^

humit 님께 항상 감사드립니다!

네네 열심히 코딩하세요 :)