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
1029 Algorithm Polynomial time 이란? ㅋㅋ hooni 2013.04.23 22681
1028 Etc 영어공부에 도움될만한 사이트 모음 hooni 2013.05.14 22630
1027 Develop [vb] 문자열에서 태그 제거함수 (Visual Basic) file hooni 2013.04.23 22621
1026 System/OS [mac] 맥(OSX)에서 root 패스워드 설정하기 hooni 2013.04.23 22418
1025 Develop [iphone] 화면 전환 Portrait & Landscape Mode hooni 2013.04.23 22308
1024 System/OS 컴파일러 수업 자료(교재 : 컴파일러 입문) file hooni 2003.04.23 21966
1023 PPT [ajax] 크로스 도메인(Cross Domain) 이슈 해결 방안 file hooni 2013.04.23 21937
1022 Develop [doc] Json Framework 설치와 사용 file hooni 2013.04.23 21918
1021 Etc 아두이노 관련 정보.. hooni 2013.04.23 21770
1020 Etc 이클립스(Eclipse) 유용한 단축키 ㅋㅋ hooni 2013.04.23 21763
1019 Etc [link] iOS(아이폰) 개발 관련 ㅋㅋ hooni 2013.04.23 21501
1018 System/OS [windows] 윈도우 사용자 계정 로그인 암호 분실, 암호 변경하는 방법 file hooni 2015.07.09 21356
1017 Develop [c] 재미있는 코딩.. file hooni 2003.04.23 21316
1016 Develop 프로그래밍에서 foo, bar 함수의 유래 file hooni 2013.06.25 21253
1015 Etc [flash] 자동차 엔진의 원리 (4행정 사이클 그림) file hooni 2013.04.23 21224
1014 Develop [c] 포인터 학습용 예제 소스 코드 file hooni 2013.04.23 21029
Board Pagination Prev 1 ... 8 9 10 11 12 ... 74 Next
/ 74