개발자를 위한 최고의 브라우저 확장 프로그램 15개 알아보기

이 페이지의 링크에서 서비스에 가입하면 Reeves and Sons Limited가 수수료를 받을 수 있습니다. 우리의 윤리 성명서.

2018 년의 가장 큰 변화는 FireFox의 대대적 인 개편이되었으며 해당 브라우저에서 애드온이 작동하는 방식입니다. 그 결과 많은 인기있는 추가 기능이 더 이상 유지 관리되지 않거나 사용할 수 없게되었습니다.

Firefox용 추가 기능은 대부분 Google Chrome용 확장 프로그램으로도 사용할 수 있습니다. 이 기사에서는 크로스 브라우저 이 컨텍스트 내에서 Firefox, Chrome 및 Chromium에서 작동한다는 것을 의미하는 애드온/확장. 우리는 또한 귀하를 전달하지 않는 것으로 알려진 무료 확장 프로그램을 우선적으로 제공할 것입니다.formation을 제XNUMX자에게 제공하며 광고 수익의 지원을 받지 않습니다. 우리는 특정 개발 기술로 제한하지 않는 확장에 더 집중할 것입니다.

Microsoft Edge를 개발 브라우저로 사용하는 데 이점이있는 개발자는 거의 없지만 개발 후 테스트에는 적합합니다. Internet Explorer를 포기하는 사용자가 많아 질수록 사이트 방문자 수는 4 명당 100 명에 불과할 것입니다.

Firefox 사용자보다 Chrome 사용자가 훨씬 많지만 IT 사용자는 Firefox를 선호하는 경향이 있으므로 Firefox 개발자를 대상으로하는 확장 프로그램이 점점 더 많아지고 있습니다.

이제 개발자를위한 최고의 브라우저 확장 프로그램과 브라우저에 추가하려는 이유를 살펴 보겠습니다.

1. 내장

정말 잘 만들어진 사이트에서 자신을 어떻게 만들 었는지 알고 싶을 때이 확장 기능을 사용하면 소스 코드를 파헤쳐 많은 시간과 노력을 절약 할 수 있습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스

2. 도끼

접근성 감사 도구입니다. 가능한 한 페이지에 액세스 할 수 있도록하는 것이 최선의 방법이며, 도끼는 사이트에서 사용자를 실수로 제외하지 않도록 도와줍니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스

3. ColorZilla

오래되었지만 여전히 유용한이 확장 프로그램을 사용하면 페이지에서 직접 색상을 샘플링하고 색상 코드를 검색하며 그라디언트를 생성 할 수 있습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스

4. 웹 개발자

CSS, 양식, 이미지 등을 제어하기 위해 브라우저에 몇 가지 유용한 추가 기능을 추가합니다.format이온. 지금까지 만들어진 가장 인기 있는 확장 중 하나입니다. 다운로드 링크: 크롬 / 크롬, 파이어 폭스

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 고글 책갈피를 시작하고 페이지에서 요소를 선택하면 해당 코드를 편집 할 수 있습니다. 링크 다운로드 : 크롬 / 크롬, 파이어 폭스

헤더 이미지 제공 모니카 폴라

보그 단 란 세아

Bogdan은 Inspired Mag의 창립 멤버로서이 기간 동안 거의 6 년의 경험을 축적했습니다. 여가 시간에는 클래식 음악을 공부하고 시각 예술을 탐구하는 것을 좋아합니다. 그는 또한 수정 프로그램에 상당히 집착하고 있습니다. 그는 이미 5를 소유하고 있습니다.

코멘트 0 응답

댓글을 남겨주세요.

귀하의 이메일 주소는 공개되지 않습니다. *표시항목은 꼭 기재해 주세요. *

평점 *

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.