궁극적 인 Firefox 웹 개발 프로파일 만들기
Firefox를 제대로 구성하면 Firefox가 궁극적 인 웹 개발 도구가되어 작업중인 페이지에 직접 액세스 할 수 있으므로 페이지를 실시간으로 스타일을 지정할 수 있으므로 javascript를 디버깅하거나 html을 편집 할 수도 있습니다.
웹 개발을위한 별도의 프로필 생성
이 모든 개발 도구를 설치하면 Firefox가 매우 무거운 브라우저가되기 때문에 먼저 Firefox 용 새 프로필을 만들어야합니다.
이러한 인수를 사용하여 새 바로 가기를 만들어 WebDev를 프로필 이름으로 바꾸면 일반 프로필과 동시에 별도의 프로필을 시작할 수 있습니다. 이 작업을 수행하는 방법에 대한 자세한 설명이 있습니다..
firefox.exe -P WebDev -no-remote
이제 웹 개발을 위해 별도의 프로필로 구성된 Firefox가 생겼으니 궁극적 인 웹 개발 도구로 Firefox를 확장하는 데 사용할 수있는 확장 기능을 살펴 보겠습니다..
Web Dev 확장 기능이 있어야 함
이들은 내가 웹 개발을 위해 정기적으로 사용하는 모든 확장 기능입니다..
방화범
파이어 버그는 CSS와 HTML을 보는 자바 스크립트 디버깅을위한 가장 강력한 확장 기능입니다. 코드와 CSS를 동적으로 변경하여 Ajax 코드를 디버깅 할 수 있습니다. 진정 최고의 확장 기능입니다..
웹 개발자 확장 프로그램
x 년 동안 최고의 확장 기능 중 하나. 이것은 모든 개발자를위한 필수 아이템이지만 이미 들어 봤습니다..
Aardvark Extension
이 확장은 매우 가벼운 확장으로서 페이지의 요소와 할당 된 클래스 / ID를 쉽게 보여줍니다. 요소에 대한 빠른 정보 만 필요할 때 웹 개발자 확장 기능보다 사용하기가 더 쉽습니다. 페이지를 사용하여 페이지에서 요소를 제거 할 수도 있습니다.
Colorzilla
색상을 쉽게 선택하십시오. 스타일 시트 어딘가에 임베드 된 색상을 찾는 데 더 이상 고통받지 않습니다..
다음으로 소스보기
여러보기 소스 프로필을 설정하여 다른 응용 프로그램에서 소스를 열 수 있습니다.
HTML 검사기
이 확장 프로그램을 사용하면 페이지 HTML의 유효성을 쉽게 확인하고 소스보기 패널에 설치할 수 있습니다.
그리스 몽키
웹 개발자 확장 기능은 아니지만 Greasemonkey는 일반적으로 수행되는 작업을 자동화 할 수있는 기능이 뛰어나지 만 웹 개발자에게는 시간을 크게 절약 해줍니다..
그것을 측정하십시오.
이 확장 기능으로 화면에서 거리를 쉽게 측정 할 수 있습니다. 영역을 측정 한 후에는 사각형을 화면 주위로 드래그하여 비교할 수 있습니다.
IE보기 / IE 탭 / OperaView / FirefoxView / 사파리보기 / IE View Lite
이러한 확장 프로그램 (선택)을 사용하면 여러 브라우저에서 현재 페이지를 쉽게 볼 수 있습니다. IE Tab을 사용하면 IE의 탭을 실행할 수 있습니다..
캐시 지우기 버튼
캐시를 지 웁니다. 새로운 CSS 변경 사항 검사에 특히 유용합니다..
Firefox 다시 시작
재시작 Firefox 확장은 모든 탭과 세션을 그대로 유지 한 채로 Firefox를 종료하고 다시 시작하는 데 매우 유용합니다..
탭 믹스 플러스
탭 믹스 플러스 확장은 일반적으로 큰 확장이지만 웹 개발자에게는 몇 가지 본질적으로 유용한 기능이 있습니다. 탭 복제 및 복사 탭 URL.
YSlow
YSlow 확장은 귀하의 페이지를 분석하고 실수를하는 위치를 알려주는 야후의 새로운 확장입니다. 심지어 사이트 실적에 대한 점수를 줄 수도 있습니다. 오른쪽 하단에있는 작은 게이지를 보면 페이지의 전체 크기와로드 시간을 알 수 있습니다. 매우 유용한 확장 기능이지만 Firebug 확장 기능이 필요합니다..
더미 Lorem Ipsum
Dummy Lipsum 생성기 확장은 사이트의 가짜 컨텐트를 배치하는 데 매우 유용한 유명한 Lorem Ipsum 텍스트를 기반으로 사용자를 위해 더미 컨텐츠를 생성합니다.
Screengrab!
Screengrab 확장 기능을 사용하면 페이지의 스크린 샷을 캡처 할 수 있지만 일반 스크린 샷 도구에서는 할 수없는 기능을 수행 할 수 있습니다.보기 가능한 부분뿐만 아니라 전체 페이지의 이미지를 찍을 수 있습니다..
사용할 수있는 다양한 확장 기능이 있지만 이러한 기능은 내가 본 모든 기능 중에서 최고입니다. 정기적으로 사용하는 다른 확장 프로그램이있는 경우 의견에 언급을 남겨 두십시오..
이제 Firefox를 궁극적 인 웹 개발 도구로 만들었습니다. Firebug 사용법을 배우십시오. 특히.
