System/OS
2017.02.07 22:55

Enable the Develop Menu in Safari

Views 1067 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
1077 Develop [android] 코드에서 문자열로 Resource 가져오기 hooni 2015.07.09 3936
1076 Develop [android] 해상도 관련 팁 (dip -> pixel 변환) hooni 2013.04.23 15331
1075 Develop [android] 화면 전환(가로/세로)시 설정 hooni 2013.04.23 43369
1074 PPT [android][ios] 알림(Notification) 기능에 대한 원리와 구현 방안 (APNS포함) file hooni 2013.04.23 37851
1073 Develop [android]개발 가이드 및 한글화 문서 file hooni 2013.04.23 47514
1072 System/OS [apache2] Redirect HTTP to HTTPS file hooni 2022.02.03 678
1071 Develop [api] 인스타그램 API Access_Token 발급 방법 (Instagram API) 3 file hooni 2018.04.05 7553
1070 Develop [api] 인스타그램에서 최신 이미지 가져오기 (Using Instagram API) 20 file hooni 2018.04.05 12335
1069 Develop [asem] CMOS 패스워드 알아내기.. 소스.. file hooni 2003.04.23 8694
1068 Develop [asp] 기본 문법과 제어문 hooni 2013.04.23 7076
1067 Develop [asp] 문자열 관련 함수 요약 hooni 2013.04.23 7780
1066 Develop [asp] 문자열 넘겨받기 (get,post) hooni 2013.04.23 8679
1065 Develop [asp] 폼 메일 소스 file hooni 2013.04.23 7352
1064 Develop [asp] 폼메일 예제와 메일 포워딩 프로그램 file hooni 2013.04.23 7129
1063 System/OS [bios] 시스템 부팅 도중 발생하는 비프음 hooni 2003.04.23 18158
1062 Develop [c#] BFilter 툴바 소스 코드 ㅎㅎ file hooni 2013.04.23 7604
Board Pagination Prev 1 5 6 7 8 9 ... 74 Next
/ 74