본문 바로가기

Apple/Macbook

[맥북 활용] 페이지 소스보기


- 사파리 환경설정 단축키 : ⌘,

- 고급 → 개발자용메뉴보기 

- 사파리 개발자용 메뉴에서 "페이지 소스보기" 단축키 : ⌥⌘U 

- 화면 캡처 : ⌘⇧3








맥북은 공부할게 참 많아요~

티스토리 블로그 글을 다른 사이트에 공유해서 올리기 위해서 페이지 소스를 보려고 하는데 

어떻게 해야 할 지 몰라서 고민하다가 결국 알아내서 포스팅을 하게 되었습니다.


종종 다른 홈페이지나, 사이트에 있는 소스를 따와서 써야 할 일이 있는데요.

그런 경우에 유용한 팁입니다.

일단 위와 같이 사파리 창을 띄우고요.

상단에 숨켜져 있던 바를 띄웁니다. 

바에서 애플 로고 옆에 있는 사파리를 누르면 

아래에 환경설정이라고 뜨죠?

아니면 커맨드키(⌘)와 콤마(,)를 함께 눌러주셔도 활성화 시킬 수가 있습니다.


-사파리 환경설정 단축키 : ⌘,





그러면 사파리 환경 설정이 뜨죠?

젤 오른 쪽에 있는 고급 메뉴를 선택합니다.

고급 메뉴 맨 아래에 있는 "메뉴 막대에서 개발자용 메뉴 보기"를 클릭합니다.

맥북에서는 소스보기 같은 설정을 개발자용 메뉴로 분류해 놓고 활성화 시키지 않으면 볼 수 없게 해놓았더라구요.



네모 상자를 눌러 파랗게 활성화 시키면 이제는 페이지 소스를 볼 수가 있게 됩니다.




페이지 소스를 보는 방법은 위쪽에 있는 상단바를 다시 활성화 시켜서 

"개발자용"을 눌르면 하위 메뉴가 뜨고

거기에 페이지 소스 보기가 나옵니다. 

아니면 option (⌥) + command (⌘) + U 를 눌러서 단축키로 확인해볼 수도 있구요.


- 사파리 개발자용 메뉴에서 "페이지 소스보기" 단축키 : ⌥⌘U 


활성화된 소스코드



- 화면 캡처 : ⌘⇧3









열심히 공부해서 맥북을 더 잘 활용해 봅시다 ㅋㅋ



통역 및 번역 문의는...

카카오 플러스 친구: https://pf.kakao.com/_sBxnXj

 크몽 기술번역 : https://kmong.com/gig/127269

크몽 기술통역: https://kmong.com/gig/127521