[정보] 크롤러 제작시 알아두면 유용한기능_크롬 css selector복사하기!

크롤러 제작시 중요한것중 하나가 크롤링하고자 하는 페이지의 HTML구조를 파악하는 것 입니다.

그래야 원하는 영역을 정확히 선택하여 크롤링하기가 수월해지기 때문이죠.

그래서 오늘은 HTML에서 특정 요소를 css selector로 쉽게 선텍하는 방법을 알아보도록 하겠습니다.

준비물! 크롬과 네이버에 접속할수있는 인터넷!

예시로, 네이버검색순위부분의 요소로 테스트 해 보도록 하겠습니다.

1. 네이버 접속!!

2. 아래 이미지과 같이 원하는 곳 위에 마우스를 올려놓고 마우스 오른쪽 --> 검사 클릭!

3. 그럼 아래와같이 개발자도구가 뜹니다. 여기서 원하는 요소에 오른쪽 마우스 클릭 --> copy --> Copy selector!

그럼 다음과 같은 형태로 복사됩니다.

#PM_ID_ct > div.header > div.section_navbar > div.area_hotkeyword.PM_CL_realtimeKeyword_base > div.ah_list.PM_CL_realtimeKeyword_list_base > ul:nth-child(4) > li:nth-child(2) > a.ah_a > span.ah_k

그럼 요녀석을 적절히 수정해서 크롤링할때 사용하시면 됩니당!