2018 년의 가장 큰 변화는 FireFox의 대대적 인 개편이되었으며 해당 브라우저에서 애드온이 작동하는 방식입니다. 그 결과 많은 인기있는 추가 기능이 더 이상 유지 관리되지 않거나 사용할 수 없게되었습니다.
Firefox용 추가 기능은 대부분 Google Chrome용 확장 프로그램으로도 사용할 수 있습니다. 이 기사에서는 크로스 브라우저 애드온/확장 프로그램, 이 맥락에서 Firefox, Chrome, Chromium에서 작동한다는 의미입니다. 또한 타사에 정보를 전달하는 것으로 알려지지 않았고 광고 수익으로 지원되지 않는 무료 확장 프로그램을 우선적으로 제공합니다. 특정 개발 기술에 제한을 두지 않는 확장 프로그램에 더 집중합니다.
Microsoft Edge를 개발 브라우저로 사용하는 데 이점이있는 개발자는 거의 없지만 개발 후 테스트에는 적합합니다. Internet Explorer를 포기하는 사용자가 많아 질수록 사이트 방문자 수는 4 명당 100 명에 불과할 것입니다.
Firefox 사용자보다 Chrome 사용자가 훨씬 많지만 IT 사용자는 Firefox를 선호하는 경향이 있으므로 Firefox 개발자를 대상으로하는 확장 프로그램이 점점 더 많아지고 있습니다.
이제 개발자를위한 최고의 브라우저 확장 프로그램과 브라우저에 추가하려는 이유를 살펴 보겠습니다.
1. 내장
정말 잘 만들어진 사이트에서 자신을 어떻게 만들 었는지 알고 싶을 때이 확장 기능을 사용하면 소스 코드를 파헤쳐 많은 시간과 노력을 절약 할 수 있습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
2. 도끼
접근성 감사 도구입니다. 가능한 한 페이지에 액세스 할 수 있도록하는 것이 최선의 방법이며, 도끼는 사이트에서 사용자를 실수로 제외하지 않도록 도와줍니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
3. ColorZilla
오래되었지만 여전히 유용한이 확장 프로그램을 사용하면 페이지에서 직접 색상을 샘플링하고 색상 코드를 검색하며 그라디언트를 생성 할 수 있습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
4. 웹 개발자
CSS, 양식, 이미지 및 정보를 제어하기 위한 유용한 추가 기능을 브라우저에 추가합니다. 지금까지 만들어진 가장 인기 있는 확장 프로그램 중 하나입니다. 다운로드 링크: 크롬 / 크롬, 파이어 폭스
5. 우 순위
SEO 데이터에 대한 모든 웹 페이지를 분석하십시오. 전체 SEO 점수, 개선 제안, 키워드 클라우드 등을 포함한 모든 SEO 내부를 보여주는 강력한 보고서를 제공합니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
6. 탭투큐
방문 중인 페이지의 QR 코드를 생성하고 QR 코드를 스캔하기만 하면 휴대전화로 해당 페이지를 방문할 수 있습니다. 테스트용으로 좋음 responsive 사이트를 만들지 않은 경우에도 마찬가지입니다. 다운로드 링크: 크롬 / 크롬, 파이어 폭스
7. HTTP 요청 작성기
이것은 실제로 양식을 제출하지 않으려는 PHP 양식 응답을 테스트하는 데 매우 유용 할 수 있습니다 (테스트 할 필요가없는 추가 처리를 트리거 할 수 있음). 이 도구를 사용하면 HTTP 요청을 손쉽게 위조 할 수 있습니다. Chrome 및 Firefox 확장 프로그램의 이름은 동일하고 동일한 기능을 수행하지만 다른 개발자가 만든 것으로 정확하게 동일하지는 않습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
8. 페이지 성능 테스트
브라우저로 이동하는 페이지의 여러 단계에서 페이지의 실적에 대한 보고서를 빠르게 얻을 수 있습니다. 고급 버전의 tracert와 비슷합니다. 이것은 현재 Firefox에서만 사용할 수 있습니다. Chrome 및 Chromium 용 확장 프로그램은 비슷하지만이 기능만큼 풍부하지는 않습니다. 링크 다운로드 : 파이어 폭스
9. 단어 개수 도구
선택한 텍스트 블록 (또는 전체 페이지) 내에 몇 개의 문자와 몇 개의 문장이 있는지 알려주기 때문에 실제로는 이름이 의미하는 것 이상을 수행 할 수 있습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
10. 웹 개발자 체크리스트
이 도구를 사용하면 표준이 벗어난 위치에 표시되는 최상의 웹 개발 실무 지침을 따르십시오. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
11. 이미지 맵 편집기
독일 개발자 Heinz-Jürgen Boms의 뛰어난 확장 기능 중 하나 인이 이름은 이름에서하는 것과 정확히 일치합니다. 매핑하려는 이미지 영역을 추적하기 만하면 브라우저에서 직접 이미지 맵을 생성 할 수 있습니다. 링크 다운로드 : 파이어 폭스
12. 고급 프레임 편집기
Heinz-Jürgen Boms의 또 다른 확장 인이 도구는 실제로 속성을 지정하여 브라우저에서 프레임을 직접 빌드 할 수있는 CSS 스타일 도구입니다. 확인 가치가 있습니다 선적 서류 비치 사용하기 전에. 링크 다운로드 : 파이어 폭스
13. 부트 스트랩 Responsive 돕는 사람
이것은 매우 간단한 작은 확장으로 중단 점이 올바르게 작동하고 현재 모드의 부트 스트랩 수준을 빠르게 확인할 수 있습니다. 물론 실제로 부트 스트랩에서 작업하는 경우이 확장 만 필요합니다. Chrome 버전은 Jonathan Defraiteur에서 개발했으며 Firefox 버전은 Kevin Bon에서 개발했습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
14. 직접 체험 해보십시오 HTML5 편집기
작업을 단순하게 유지하고 모든 작업을 한 곳에서 완료하려면이 확장 프로그램이 적합합니다. 다양한 기능을 갖춘이 상황 인식 편집기는 브라우저에서 직접 작동하며 HTML, CSS 및 JavaScript를 지원합니다. 완벽하지는 않지만 별도의 응용 프로그램을 열지 않고도 빠르고 더러운 편집 작업을 수행 할 수 있습니다. 링크 다운로드 : 파이어 폭스
15. 엑스레이 고글
기술적으로 이것은 확장이 아니며 실제로 북마크입니다. 그러나 그것은 잘 작동하여 목록에서 벗어날 수 없었습니다. Mozilla에서 만든 경우에도 두 브라우저 모두 표준을 완전히 준수하므로 Chrome에서도 동일하게 작동합니다. 사용하려면 북마크 바를 표시해야합니다. 그런 다음 아래 링크를 통해 다운로드 페이지를 방문하여 X-Ray 고글 버튼을 북마크 바로 드래그하십시오. 그런 다음 아무 사이트 나 방문하여 X-Ray 고글 책갈피를 시작하고 페이지에서 요소를 선택하면 해당 코드를 편집 할 수 있습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스
헤더 이미지 제공
코멘트 0 응답