제대로 구성되어 있으면, 파이어 폭스는 당신이 진짜 - 시간, 자바 스크립트 디버깅 스타일 페이지를하거나 편집할 HTML을 수있는 최선을 다하고 있습니다 페이지에 직접 액세스를 제공 궁극적인 웹 개발 도구 될 수 있습니다.
웹 개발을위한 별도의 프로필을 작성
이러한 개발 도구를 모두 설치하는 것은 매우 무거운 브라우저에 Firefox를 만들 것입니다, 우리가 처음 파이어 폭스에 대한 새 프로필을 만드는해야한다.
귀하의 프로필의 이름을 가진 경우 Webdev 교환이 인수로 새 바로 가기를 작성하여 정기적으로 프로필로 동시에 별도의 프로필을 시작할 수 있습니다. 도있다 자세한 설명은 이 작업을 수행하는 방법.
firefox.exe - P 경우 Webdev 노 원격
당신이 파이어 폭스 단지 웹 개발을위한 별도의 프로필과 함께 구성되어있어 이제,하자 우리가 궁극적으로 웹 개발 도구에 파이어 폭스를 만들기 위해 사용할 수있는 확장에서보세요.
웹 데브 확장을해야합니다
이것은 제가 웹 개발을위한 정기적으로 사용하는 모든 확장하고 있습니다.
불을 지르고는 디버깅 자바 스크립트, CSS와 HTML보기에 대한 가장 강력한 확장 기능입니다. 당신은 코드와 CSS를 동적으로 변경할 및 아약스 코드를 디버깅하는 데 사용할 수 있습니다. 그것은 진정으로 거기서 최고의 확장.
실행 X 년 최고의 확장 기능 중 하나. 이것은 개발자를위한 -해야하지만, 당신은 이미 그것을 들었어요.
이 확장은 쉽게 당신에게 페이지에있는 요소와 지정된 클래스 / ID를 표시합니다 매우 경량의 확장입니다. 그것은 당신이 요소에 대한 빠른 정보를 필요한 사람 시대의 웹 개발자 연장보다는 사용하기 간단. 당신은 또한 페이지에서 요소를 제거하는 그것을 사용할 수 있습니다.
쉽게 색상을 선택합니다. 찾는 색상 더 이상 통증은 스타일 시트에 어딘가 임베디드 없습니다.
당신은 다른 응용 프로그램에서 오픈 소스 여러 소스보기 프로파일을 설정할 수 있습니다.
이 확장은 쉽게 소스보기 패널에 HTML 페이지와 설치를 확인하실 수 있습니다.
그것은 정확히 웹 개발자 확장 아니지만, Greasemonkey와 웹 개발자를위한 훌륭한 시간 절약이다 일반적으로 수행 작업을 자동화하는 기능을 위해, 적어도 굉장하지 않습니다.
쉽게 확장과 함께 화면에 거리를 측정합니다. 일단 영역을 측정했습니다, 당신은 비교로 사용할 화면 주위의 사각형을 드래그할 수 있습니다.
IE보기 / IE 탭 / OperaView / FirefoxView / 사파리보기 / IE보기 라이트
이러한 확장 (골라)는 쉽게 다른 브라우저에서 현재 페이지를 확인할 수 있습니다. 당신은 너무 경사라면 IE 탭도, 당신이 IE 내부 탭 실행할 수있게된다.
캐시를 지웁니다. 새로운 CSS 변경 사항을 확인하기 위해 특히 유용합니다.
다시 파이어 폭스 확장 다운 폐쇄하고 그대로 모든 탭과 세션 Firefox를 다시 시작 매우 유용합니다.
탭 믹스 플러스 확장 일반적으로 좋은 확장 기능이지만, 웹 개발자를위한 몇 가지 본질적으로 유용한 기능을 가지고 있습니다 : 탭 및 복사 탭 URL을 중복.
YSlow 확장 페이지를 분석하고 실수 어디를 알려드립니다 야후에서 새로운 확장입니다. 그것은 심지어 귀하의 사이트 성능에 등급을 드리겠습니다. 당신은 오른쪽 아래 모서리에있는 작은 게이지를 확인거야 ... 그것은 귀하의 페이지의 전체 크기뿐만 아니라 로딩 시간을 알려줍니다. 매우 유용한 확장하지만 대해 Firebug 확장이 필요 없습니다.
더미 Lipsum 생성기 확장 귀하의 사이트에 가짜 콘텐츠를 던져 놔 줘서 매우 유용합니다 유명한 Lorem Ipsum의 텍스트를 기반으로 당신을 위해 가짜 콘텐츠를 생성합니다.
Screengrab 확장은 페이지의 스크린샷을 가져가게되지만 일반 스크린샷 도구 수없는 무언가를 할 수있어 - 그것은 아니라 볼 수있는 부분, 전체 페이지의 이미지를 취할 수 있습니다.
가 사용할 수있는 다른 확장 만톤 있지만, 이들은 내가 본 모든에서 최고 중에 최고다. 당신이 정기적으로 사용하는 다른 확장자가있다면, 코멘트에 언급 두십시오.
이 시점에서, 당신은 지금 최고의 웹 개발 도구에 파이어 폭스를 넘겼다. 특히 대해 Firebug를 사용하는 방법을 배울 수있는 시간을 가지십시오.
Aucun commentaire:
Enregistrer un commentaire