개발자도구 2

[개발자도구] AI를 이용해 디버깅을 해보자

안녕하세요 무택입니다 :)오늘은 우연히 개발자도구에서 AI기능을 발견해서 이 내용에 대해 포스팅해 보도록 할게요잉 개발에는 사알짝 발만 담그고 있는 저는 주로 개발자도구에서 Elements탭이랑 console탭만 살펴보는데 console탭에서 AI가 디버깅을 도와주는 기능을 발견했습니다.백엔드는 아무것도 몰라서 디버깅을 할 일은 없지만 이 기능에 대해 알아보도록 할게요  AI를 이용해 디버깅을 해보자 전제조건이 기능은 크롬만 사용이 가능합니다. 최신 버전의 크롬으로 확인해 주세요크롬에 로그인된 환경 1. 우선 기능을 사용하기 위해서는 개발자도구 설정에서 기능을 켜야 합니다.근데 언어를 영어로 설정해야 기능을 킬 수 있어요.(왜...)고분고분히 개발자도구 설정에서 언어를 영어로 변경해 줍시다.  2. 언어..

[개발자도구]페이지 내에 사용된 js찾기

안녕하세요 무택입니다 :) 오늘은 개발자도구를 이용해서 페이지 내에 사용된 스크립트를 찾는 방법에 대해 써보도록 할게요. 웹페이지에 신기한 스크립트 기능이 있는 걸 가끔 보는데 그때마다 스크립트가 어떻게 되어있는지 알고 싶었습니다. 그래서 어떻게 찾는지 찾아보고 제가 찾은 내용을 공유하려고 합니다. 페이지 내 스크립트 찾기 1. 확인하려는 사이트에서 우측 상단 햄버거메뉴에서 "도구 더보기 - 개발자 도구"를 눌러줍니다. 2. 우측 상단 톱니바퀴 모양 클릭 Preferences - Sourses에 "Search in anonymous and content scripts" 항목을 체크해 줍니다. 3. 그리고 개발자 도구 내에서 우측 상단 점 세 개 아이콘 클릭 후 Search를 눌러줍니다. 단축키 [ Ctr..