크롬 개발자도구 사용법

크롬 개발자도구 사용법크롬 개발자도구 사용법 1 개요 웹사이트를 개발하다보면 간단한 수정도 웹페이지 수정후 재업로드 브라우저 확인작업을 하여야 제대로 수정이 되어졌는지 확인이 가능하지만 좀 더 간편하게 수정될 페이지에서 개발자 도구를 이용하여 미리 간편하게 수정하고 웹페이지상의 수정된 내용을 직관적으로 확인할 수 있는 방법을 이용한다면 더 편하게 개발을 할 수 있을것이다. 개발자는 물론 웹디자이너나 코더라면 더욱더 활용도가 높은 방법이 되겠다. 2 실행법 우선 수정이나 확인을 원하는 페이지를 크롬으로 접속후 단축키 F12 를 누르게 되면 위와 같은 화면이 나타나게 된다. 1번 선택버튼을 클릭후 수정이나 확인을 원하는 위치에 2번처럼 올려놓게되면 3번 위치에 해당 HTML 코드가 노출이 되고 해당 HTML..
DEVELOPE/WEB 2017. 10. 10. 09:52
1