올바르게 구성되면 Firefox는 최고의 웹 개발 도구가되어 작업중인 페이지에 직접 액세스 할 수 있으므로 페이지를 실시간으로 스타일링하고, 자바 스크립트를 디버그하거나 심지어 html을 편집 할 수도 있습니다.
웹 개발을위한 별도의 프로필 생성
이러한 개발 도구를 모두 설치하면 Firefox가 매우 무거운 브라우저가되므로 먼저 Firefox 용 새 프로필을 만들어야합니다.
이러한 인수로 새 바로 가기를 만들고 WebDev를 프로필 이름으로 바꾸면 일반 프로필과 동시에 별도의 프로필을 시작할 수 있습니다. 또한 더 자세한 설명 이 작업을 수행하는 방법.
firefox.exe -P WebDev-원격 없음
이제 웹 개발을위한 별도의 프로필로 Firefox를 구성 했으므로 Firefox를 최고의 웹 개발 도구로 만드는 데 사용할 수있는 확장 기능을 살펴 보겠습니다.
필수 웹 개발 확장 프로그램
이것들은 웹 개발을 위해 정기적으로 사용하는 모든 확장입니다.
Firebug는 자바 스크립트 디버깅, CSS 및 html보기를위한 가장 강력한 확장 프로그램입니다. 코드와 CSS를 동적으로 변경하고이를 사용하여 Ajax 코드를 디버깅 할 수 있습니다. 정말 최고의 확장입니다.
x 년 동안 최고의 확장 기능 중 하나입니다. 이것은 모든 개발자에게 필수품이지만 이미 들어 보셨을 것입니다.
이 확장은 페이지의 요소와 할당 된 클래스 / ID를 쉽게 표시 할 수있는 매우 가벼운 확장입니다. 요소에 대한 빠른 정보가 필요한 경우 웹 개발자 확장 프로그램보다 사용하기가 더 간단합니다. 또한 페이지에서 요소를 제거하는 데 사용할 수도 있습니다.
쉽게 색상을 선택하십시오. 스타일 시트 어딘가에 포함 된 색상을 찾는 데 더 이상 고통스럽지 않습니다.
여러보기 소스 프로필을 설정하여 다른 응용 프로그램에서 소스를 열 수 있습니다.
이 확장을 사용하면 페이지 HTML의 유효성을 쉽게 확인하고 소스보기 패널에 설치할 수 있습니다.
웹 개발자 확장 프로그램은 아니지만 Greasemonkey는 일반적으로 수행되는 작업을 자동화하는 기능이 뛰어나 웹 개발자의 시간을 크게 절약 해줍니다.
이 확장 프로그램으로 화면에서 거리를 쉽게 측정 할 수 있습니다. 면적을 측정 한 후에는 화면 주위로 직사각형을 드래그하여 비교로 사용할 수 있습니다.
IE보기 / IE 탭 / OperaView / FirefoxView / 사파리보기 / IE View Lite
이러한 확장 (선택)을 사용하면 다른 브라우저에서 현재 페이지를 쉽게 볼 수 있습니다. IE 탭을 사용하면 탭 내에서 IE를 실행할 수 있습니다.
캐시를 지 웁니다. 새로운 CSS 변경 사항을 확인하는 데 특히 유용합니다.
Restart Firefox 확장 프로그램은 모든 탭과 세션이 그대로 유지 된 상태에서 Firefox를 닫고 다시 시작하는 데 매우 유용합니다.
Tab Mix Plus 확장 프로그램은 일반적으로 훌륭한 확장 프로그램이지만 웹 개발자에게 필수적인 몇 가지 기능인 Duplicate Tab 및 Copy Tab URL이 있습니다.
YSlow 확장은 Yahoo의 새로운 확장으로 페이지를 분석하고 어디에서 실수를하는지 알려줍니다. 사이트 성능에 대한 등급도 제공합니다. 오른쪽 하단에 작은 게이지가 표시됩니다. 페이지의 전체 크기와로드 시간을 알려줍니다. 매우 유용한 확장 기능이지만 Firebug 확장이 필요합니다.
Dummy Lipsum 생성기 확장은 사이트에 가짜 콘텐츠를 배치하는 데 매우 유용한 유명한 Lorem Ipsum 텍스트를 기반으로 더미 콘텐츠를 생성합니다.
Screengrab 확장 프로그램을 사용하면 페이지의 스크린 샷을 찍을 수 있지만 일반 스크린 샷 도구로는 할 수없는 일을 할 수 있습니다. 볼 수있는 부분뿐만 아니라 전체 페이지의 이미지를 찍을 수 있습니다.
사용할 수있는 다른 확장 프로그램이 무수히 많지만, 제가 본 모든 확장 프로그램 중 최고입니다. 정기적으로 사용하는 다른 확장 프로그램이있는 경우 댓글에 언급을 남겨주세요.
이제 Firefox를 최고의 웹 개발 도구로 전환했습니다. 특히 Firebug를 사용하는 방법을 배우는 시간을 가지십시오.
