2010-04-13 3 views
0

웹 페이지 레이아웃에서 작업 할 때 Firefox와 Firebug를 사용하여 올바르게 표시 될 때까지 CSS를 조정 한 다음 일치시킬 스타일 시트를 수정합니다.Google 크롬의 개발자 도구를 사용하여 페이지의 모양을 조정할 수 있습니까?

지금은 다른 브라우저에서는 괜찮은 것처럼 보이지만 Chrome에서는 문제가있는 부분을 수정하려고합니다. Chrome 개발자 도구를 가져 와서 계산 된 스타일을 조사 할 수는 있지만 값을 수정하고 내 페이지에서 결과를 볼 수있는 방법은 없습니다.

이 방법이 있습니까?

답변

4

예. CSS의 경우, 예를 들어 오른쪽 창에서 속성을 두 번 클릭합니다. HTML의 경우, 요소를 마우스 오른쪽 단추로 클릭하고 "HTML로 편집"을 선택하십시오.

+0

아 - 알겠습니다. 나는 당신이 편집 할 수없는 "계산 된 스타일"부분을보고있었습니다. 아래에는 다양한 규칙이 있습니다. 감사! –

+0

오 와우 - 실제로 연결된 자바 스크립트 이벤트와 같은 많은 정보를 제공합니다. 접을 수있는 부분도 시원합니다. –

+0

메트릭 섹션에서 위치, 패딩, 여백 등을 직접 편집 할 수도 있습니다. – loislo

관련 문제