System/OS
2017.02.07 22:55

Enable the Develop Menu in Safari

Views 1069 Votes 0 Comment 0
Atachment
Attachment '4'
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print
?

Shortcut

PrevPrev Article

NextNext Article

Larger Font Smaller Font Up Down Go comment Print

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
No. Category Subject Author Date Views
1109 Develop [js] 스크롤을 포함한 마우스 위치 찾는 코드 hooni 2003.04.23 8505
1108 Develop [c] pcap을 이용한 패킷 분석 ㅎㅎ hooni 2003.04.23 10210
1107 Develop [linux] 쉘 스크립트를 이용한 BBS hooni 2003.04.23 10047
1106 Develop [unix] 쉘 스크립트 예제 모음 hooni 2003.04.23 14949
1105 System/OS [linux] vi 편집기 간단한 명령과 환경설정 hooni 2003.04.23 11359
1104 System/OS [linux] 리눅스 활용 팁^^ hooni 2003.04.23 14629
1103 System/OS [linux] 기본 명령어 (내공쌓기) hooni 2003.04.23 14333
1102 System/OS [linux] 간단한 vi편집기 사용 명령 hooni 2003.04.23 13456
1101 System/OS [linux] 프로그램 설치방법 (내공쌓기) hooni 2003.04.23 13433
1100 System/OS [linux] 계정관리하기(내공쌓기) hooni 2003.04.23 13157
1099 System/OS [linux] 기본적인 설정하기(내공쌓기) hooni 2003.04.23 13993
1098 System/OS [linux] 새 하드디스크 추가하기..(내공쌓기) hooni 2003.04.23 13807
1097 System/OS [linux] 아파치설치/설정 hooni 2003.04.23 14492
1096 System/OS [linux] 아파치설치/설정(CGI부분) hooni 2003.04.23 14568
1095 System/OS [linux] 아파치설치/설정 - SSI(Server Side Include) hooni 2003.04.23 13206
1094 System/OS [linux] 아파치 설치/설정(proxy) hooni 2003.04.23 12965
Board Pagination Prev 1 3 4 5 6 7 ... 74 Next
/ 74