Python 인터넷 [python 인터넷 ,selenium] selenium iframe 처리하기

2021.11.26 19:57

졸리운_곰 조회 수:36

[python 인터넷, selenium] selenium iframe 처리하기

selenium 실습을 하는 도중 iframe에 많이 막히는 것 같습니다.

iframe 처리에 대해 알아보겠습니다.

 

메일을 작성하는 실습이 있는데 메일 본문을 작성하는 부분이 iframe으로 되어 있습니다.

iframe은 html안에 또 다른 html이 오는 경우이기 때문에 switch_to_frame() 함수를 사용해 iframe 안에있는 elenemt를 확인할 수 있게 해줘야 합니다. 그리고 iframe에서 원래있던 전체 웹 페이지로 나오려면 switch_to_default_content() 함수로 빠저나와야 합니다.

만약 iframe 태그에 name 속성이 있다면 driver.switch_to_frame("iframe name 값")으로 해당 iframe으로 focus를 맞춰줄수 있습니다. 그런데...

chrome의 개발자 도구로 소스를 확인해 보면 iframe에 대한 name도 없습니다.

 

iframe 값을 가져오는 방법은 여러가지가 있을 수 있습니다. 그중 iframe 태그를 확인하는 방법과 iframe을 감싸고 있는 상위 div 태그의 class로 확인하는 방법을 알아보겠습니다.

 

먼저 iframe 태그로 확인하는 방법입니다.

하나의 tag를 확인하는 함수는 find_element_by_tag_name 입니다. 그리고 여러개의 tag를 확인하는 함수는 find_elements_by_tag_name 입니다. 

find_elements_by_tag_name를 사용하면 현재 웹 페이지에서 해당 tag를 모두 배열로 가져오게 됩니다.

driver.find_elements_by_tag_name('div')로 하면 웹 페이지의 처음부터 끝까지 순서대로 div를 모두 가저오게 됩니다. 이걸 이용해 현재 웹 페이지에서 iframe을 모두 찾아올 수 있습니다.

 
 
 
# -*- coding: utf-8 -*-
import time
from selenium import webdriver
 
# chromedriver로 브라우저를 설정합니다.
driver = webdriver.Chrome('./chromedriver')
 
# find_element_by_ 함수를 사용해 element를 찾을때 최대 30초까지 기다립니다.
driver.implicitly_wait(30)
 
# 회사 메일(worksmobile) 사이트를 엽니다.
driver.get('https://mail.worksmobile.com/')
 
# 로그인을 위한 계정을 입력합니다.
driver.find_element_by_id('user_id').send_keys('tongchun@ngle.co.kr')
 
# 로그인 시작을 클릭합니다.
driver.find_element_by_id('loginStart').click()
 
# 비밀번호를 넣습니다.
driver.find_element_by_id('password').send_keys('123456')
 
# 로그인 버튼을 클릭합니다.
driver.find_element_by_id('loginBtn').click()
 
# 메일쓰기 버튼(링크)을 찾아 클릭합니다.
driver.find_element_by_link_text('메일쓰기').click()
 
# 보내는 사람을 지정합니다.
driver.find_element_by_id('toInput').send_keys('tongchun@ngle.co.kr')
 
# 제목을 넣습니다.
driver.find_element_by_id('subject').send_keys('selenium은 즐기고 계신가요?')
 
# 현재 웹페이지에서 iframe이 몇개가 있는지 변수에 넣고 확인해 봅니다.
iframes = driver.find_elements_by_tag_name('iframe')
print('현재 페이지에 iframe은 %d개가 있습니다.' % len(iframes))
 
# 배열로된 iframes 변수를 for문을 이용해 하나씩 확인해 봅니다.
# enumerate() 함수를 사용하면 배열의 index(순번)을 확인할 수 있습니다.
for i, iframe in enumerate(iframes):
try:
print('%d번째 iframe 입니다.' % i)
 
# i 번째 iframe으로 변경합니다.
driver.switch_to_frame(iframes[i])
 
# 변경한 iframe 안의 소스를 확인합니다.
print(driver.page_source)
 
# 원래 frame으로 돌아옵니다.
driver.switch_to_default_content()
except:
# exception이 발생했다면 원래 frame으로 돌아옵니다.
driver.switch_to_default_content()
 
# 몇 번째 frame에서 에러가 났었는지 확인합니다.
print('pass by except : iframes[%d]' % i)
 
# 다음 for문으로 넘어갑니다.
pass
 
# 확인된 ifrime으로 변경합니다.
driver.switch_to_frame(iframes[1])
 
# 메일 본문을 작성하는 editor element를 지정합니다.
editor = driver.find_element_by_class_name('workseditor')
 
# editor element에 글을 작성합니다.
editor.send_keys('안녕하세요. 김동춘입니다.\nselenium은 재미 있나요?\n어려워 하지 마세요. 인생이 다 그래요. 해보면 벌거 아니에요.\n좋은하루 보내세요~')
 
# ifrime에서 원래 frame으로 돌아옵니다.
driver.switch_to_default_content()
 
# 보내기 버튼을 클릭합니다.
driver.find_element_by_id('sendBtn').click()
 
 
 
 
 

위 코드처럼 iframe을 모두 불러온 다음 for문을 이용해 iframe안에 소스를 확인할 수 있습니다.

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

메일 본문을 작성하는 editor가 몇번째 iframe에 있는지 확인하고 switch_to_frame() 함수로 들어갈 수 있습니다.

 

다음은 iframe 상위에 있는 div 태그의 class를 이용하는 벙법입니다.

iframe이 있는 html 소스는 아래와 같이 되어 있습니다.

 

 
 
<div class="editor_body">
<div>
<textarea tabindex="5" style="display: none; border: none; outline: none; resize: none; overflow: auto; width: 100%; height: 445px;"></textarea>
<textarea tabindex="5" style="display: none; border: none; outline: none; resize: none; overflow: auto; width: 100%; height: 445px;"></textarea>
<iframe style="width: 100%; height: 445px;" frameborder="0" smart-mod="wysiwyg" tabindex="5"></iframe>
</div>
</div>
 
 
 
 
 

iframe의 상위 div 중 <div "editor_body">를 이용하는 방법입니다.

find_element_by_css_selector() 함수로 editor_body 안의 iframe을 확인할 수 있습니다.

# -*- coding: utf-8 -*-

import time
from selenium import webdriver
 
# chromedriver로 브라우저를 설정합니다.
driver = webdriver.Chrome('./chromedriver')
 
# find_element_by_ 함수를 사용해 element를 찾을때 최대 30초까지 기다립니다.
driver.implicitly_wait(30)
 
# 회사 메일(worksmobile) 사이트를 엽니다.
driver.get('https://mail.worksmobile.com/')
 
# 로그인을 위한 계정을 입력합니다.
driver.find_element_by_id('user_id').send_keys('tongchun@ngle.co.kr')
 
# 로그인 시작을 클릭합니다.
driver.find_element_by_id('loginStart').click()
 
# 비밀번호를 넣습니다.
driver.find_element_by_id('password').send_keys('123456')
 
# 로그인 버튼을 클릭합니다.
driver.find_element_by_id('loginBtn').click()
 
# 메일쓰기 버튼(링크)을 찾아 클릭합니다.
driver.find_element_by_link_text('메일쓰기').click()
 
# 보내는 사람을 지정합니다.
driver.find_element_by_id('toInput').send_keys('tongchun@ngle.co.kr')
 
# 제목을 넣습니다.
driver.find_element_by_id('subject').send_keys('selenium은 즐기고 계신가요?')
 
# class selector를 이용해 iframe을 확인합니다.
editor_frame = driver.find_element_by_css_selector('.editor_body iframe')
 
# 확인된 ifrime으로 변경합니다.
driver.switch_to_frame(editor_frame)
 
# 메일 본문을 작성하는 editor element를 지정합니다.
editor = driver.find_element_by_class_name('workseditor')
 
# editor element에 글을 작성합니다.
editor.send_keys('안녕하세요. 김동춘입니다.\nselenium은 재미 있나요?\n어려워 하지 마세요. 인생이 다 그래요. 해보면 벌거 아니에요.\n좋은하루 보내세요~')
 
# ifrime에서 원래 frame으로 돌아옵니다.
driver.switch_to_default_content()
 
# 보내기 버튼을 클릭합니다.
driver.find_element_by_id('sendBtn').click()
 
 
 
 
 

html과 css를 이용해 여러 방법으로 elenemt를 확인할 수 있습니다.

[출처] https://dejavuqa.tistory.com/198

 

 

 

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
이 게시물을
목록
목록
번호 제목 글쓴이 날짜 조회 수
511 How to create an SQLite3 database in Python 3 졸리운_곰 2020.04.30 38990
510 파이썬 코드 50라인으로 웹 크롤러 만들기 가을의 곰을... 2012.10.05 9350
509 [파이썬] scrapy 로 웹 사이트 크롤링 가을의 곰을... 2012.10.09 8508
508 Mining English and Korean text with Python file 졸리운_곰 2018.03.26 8176
507 python-and-tkinter-programming.pdf file 졸리운_곰 2014.10.14 7285
506 tkinter-python-intro.pdf file 졸리운_곰 2014.10.14 6909
505 wxpython_in_action_wxact.pdf file 졸리운_곰 2014.10.14 6574
504 파이썬으로 개발된 놀라운 라이브러리들! 파이썬 만세! file 졸리운_곰 2016.08.10 6498
503 tkinter.pdf file 졸리운_곰 2014.10.14 6082
502 tkinter_nmt.pdf file 졸리운_곰 2014.10.14 5614
501 [python] mechanize 와 Beautifup soup를 이용한 웹 사이트 정보 수집 file 가을의 곰을... 2012.10.11 5404
500 tensorflow-kr.pdf [텐서플로우 튜토리얼] 한글 번역본 file 졸리운_곰 2016.11.25 4132
499 Python 문법정리 졸리운_곰 2014.05.28 4025
498 블랜더 파이썬 애드온 개발 : blender python addon dev file 졸리운_곰 2017.08.13 2875
497 [python] 크롤링한 데이터 DB에 저장하기 file 졸리운_곰 2021.01.29 2745
496 Tkinter Summary [Tkinter 요약] 졸리운_곰 2014.10.14 2733
495 The wxPython tutorial.pdf file 졸리운_곰 2014.10.14 2299
494 wxPython 2.8 Application Development Cookbook (2010).pdf file 졸리운_곰 2014.10.14 2254
493 파이썬으로 3줄 요약기를 만들어보자. file 졸리운_곰 2018.03.04 2250
492 기계 학습의 A to Z : scikit-learn을 활용한 기계 학습(문서 분류) file 졸리운_곰 2015.05.21 2215
쓰기
태그
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED