크롬 개발자도구와 페이지 소스 보기에서 보이는 코드의 차이점 분석
안녕하세요. 드리머즈입니다. 오늘 HTML 관련해서 또 하나를 배웠네요. 저는 크롬 개발자 도구의 Elements에서 확인 가능한 코드와 (위 사진) 개발자 도구를 켜기 위해서는 크롬 우측 상단의 세로 점 3개 버튼을 클릭 > 도구 더보기 > 개발자 도구(D) 클릭하면 됩니다. 홈페이지에서 마우스 우클릭 > 페이지 소스 보기(V)에서 보이는 코드가 똑같을 거라고 생각했습니다. 그런데 두 화면에서 보이는 코드는 다른 코드네요. 간단한 코드를 보여줄 때는 똑같을 수도 있지만 개념?이 다르다고 봐야겠습니다. 제가 볼 때, 페이지 소스 보기(V)에서 보여지는 코드는 서버로부터 전달받은 코드이며개발자 도구의 Elements에서 확인 가능한 코드는 서버에서 전달받은 코드에서.. javascript등?을 실행하여 변..