System/OS
2017.02.07 22:55

Enable the Develop Menu in Safari

조회 수 1067 추천 수 0 댓글 0
Atachment
첨부 '4'
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

Enable the Develop Menu in Safari

- 사파리 브라우저에서 개발자 메뉴 활성화 방법

developer_menu01.jpg

The Develop menu of Safari adds a variety of additional features to the web browser on the Mac, including the inspector and error consoles, javascript debugging tools, the ability to disable various page elements, enable the ‘Do Not Track’ feature, use WebGL acceleration, and it offers a simple way to change the browsers user agent.

The Developer menu in Safari for OS X is disabled by default, but it can be quickly turned on through the apps settings to reveal the additional developer-centric features of the web browser.

How to Enable the Develop Menu in Safari for Mac OS X

These features are obviously intended for web developers, but they’re useful beyond that too. Here’s how to enable the hidden Develop menu in Safari:

  1. Pull down the “Safari” menu and choose “Preferences”
  2. Click on the “Advanced” tab
  3. Check the box next to “Show Develop menu in menu bar”
  4. developer_menu02.jpg

  5. Close Preferences, the Develop menu will now be visible between Bookmarks and Window menus

This is the same in all versions of Safari for Mac OS X.

The Develop menu has many options for developers, including the ability to adjust user agents of the browser, using the web inspector tools, accessing the error console, snippet and extension editors, disabling caches, images, javascript, CSS, responsive mode, and much more. It’s incredibly useful for those who work on the web and a must-enable for many of us.

developer_menu03.jpg

The Developer menu has been around for quite some time, but in a recent article on how to spoof an OS X browser user agent using Safari or curl at the command line, we somehow failed to mention how to enable the menu… oops. Now you know. And yes, this applies to all modern versions of Safari in any somewhat modern version of Mac OS X, from 10.8, 10.9, 10.10, 10.11, and beyond.

In some prior versions of Safari the option may look slightly different but the show Develop menu option is still available in Advanced settings:

developer_menu04.jpg

It’s worth noting the Develop menu is different from the Debug menu in Safari, which can be enabled separately through the command line. Both are useful for web developers, designers, engineers, QA, security researchers, and others who work within the web industry.

?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
1061 Etc 종합시험 관련 자료 secret hooni 2017.03.15 0
1060 Develop [js] Javascript로 만든 포트리스 (2010) 5 file hooni 2017.03.03 2487
1059 Develop [ios] Facebook Cache 갱신하는 함수 file hooni 2017.02.27 1176
1058 Etc 모바일 프로그래머가 갖추어야 할 필수 역량 file hooni 2017.02.16 1291
1057 System/OS 무료로 HTTPS 적용하기 (Lets' Encrypt) file hooni 2017.02.16 2170
1056 System/OS [android] 초간단 HTTP, POST 전송 샘플 1 file hooni 2017.02.16 3445
1055 System/OS Enable Safari Hidden Debug Menu in Mac OS X file hooni 2017.02.07 1140
» System/OS Enable the Develop Menu in Safari file hooni 2017.02.07 1067
1053 Develop [ios] 동영상 플레이어 샘플 (for Remote Url) file hooni 2017.02.07 1638
1052 Develop [ios] 동영상 플레이어 샘플 (for Local File) file hooni 2017.02.07 1068
1051 Develop XML, JSON, BSON, MSGPACK 장,단점 비교 file hooni 2017.01.11 2237
1050 PPT [ppt] 정보보호관리 발표내용 #2 file hooni 2016.12.08 1060
1049 Etc ISMS 인증기준 – 정보보호대책 (시스템개발보안) file hooni 2016.12.01 1296
1048 PPT [ppt] 정보보호관리 발표내용 file hooni 2016.11.30 1070
1047 Etc 웹 보안 논문 주제 2016 secret hooni 2016.11.28 0
1046 Develop [android] 버전 별 앱 알림 설정으로 이동하는 방법 file hooni 2016.11.28 2155
Board Pagination Prev 1 ... 6 7 8 9 10 ... 74 Next
/ 74