Safari에서 요소를 검사 하시겠습니까?

28

Safari 용 Firebug Lite를 사용해 보았지만 내용을 편집 할 수 없었습니다. HTML, CSS 등을 편집 할 수있는 대안이 있습니까?

safari web-inspector

— 사용자
소스

53

Safari의 환경 설정, 고급 탭 에서 개발자 메뉴 표시를 활성화 하십시오.

활성화-개발 모드-사파리

페이지를 마우스 오른쪽 버튼으로 클릭하면 요소 검사 옵션이 활성화 됩니다. Command+ Option+로 시작할 수도 있습니다 I.

Safari for Developers-Tools 및 Safari Web Inspector 안내서 : 개발 메뉴 에서이 옵션에 대한 자세한 정보를 얻을 수 있습니다 .

— denisvm
소스

예, 그러나 웹 링크의 계산 된 스타일을 보려면 마우스를 가져가도 스타일이 업데이트되지 않으며 페이지에서 링크를 클릭하면 링크 대상으로 이동합니다. Safari가 링크 대상으로 점프하지 않고 링크의 계산 스타일을 어떻게 표시 할 수 있습니까?

— clearlight

@clearlight 다음 Computed탭 을 사용할 수 있습니다 : support.apple.com/guide/safari-developer/…

— denisvm

0

오른쪽 CSS 섹션에있는 "{"기호를 두 번 클릭하여 CSS를 편집 할 수 있습니다. 또한 firebug 플러그인을 제거한 다음 요소 검사 모드를 수행하여 HTML을 편집 할 수 있습니다.

— thi 티 첼라 파
소스

0

간단한 단계로이 작업을 수행 할 수 있습니다

메뉴 표시 줄에서 편집-> 환경 설정-> 고급 을 클릭하십시오 하단의 확인란을 클릭하십시오. 메뉴 표시 줄 에 개발 메뉴 표시의 경우 이제 개발 메뉴가 메뉴 표시 줄에 표시되어 모든 개발 옵션을 확인하고 검사 할 수 있습니다.

— Sandeep Kumar
소스

현재 버전에서는 작동하지 않습니다

— JGallardo