[개발 Tool] 웹 개발자들을 위한 10개의 크롬 확장 프로그램 공개

 

Wappalyzer

Wappalyzer

2009 년 Elbert Alias가 만든 Wappalyzer는 오픈 소스 및 크로스 플랫폼 유틸리티입니다. 1000 개 이상의 웹 기술을 식별 할 수있는 잠재력이 있습니다. 이 확장을 통해 웹 사이트에 설치된 소프트웨어, 기술 및 콘텐츠 관리 시스템을 식별 할 수 있습니다. 또한 전자 상거래 플랫폼, JavaScript 프레임 워크, 서버 소프트웨어, 분석 도구 등을 감지합니다. Wappalyzer는 글로벌 개발자의 수많은 기여로 인해 현재 50 만 명 이상의 활성 사용자를 보유하고 있습니다.

크기 : 1.24MiB
언어 : 영어, Français, español, italiano, polski, română, Ελληνικά, русский

우편 집배원

Postman

Postman 이전에는 웹 개발자간에 API에 대해 통신하는 것이 어려운 작업이었습니다. 따라서 기존 API 도구로 작업하는 동안 좌절 한 창립자들이 모여 Postman을 설립했습니다. 하나의 API를 더 빠르게 빌드, 테스트 및 문서화하는 데 도움이됩니다. 또한 전송 된 요청 기록, 재생 및 구성, 내장 인증 도우미, 수집 자동화 등의 기능도 있습니다.

크기 : 6.17MiB
언어 : 영어

Web Developer

Web Developer

 

여가 시간에 Chris Pederick이 만든 웹 개발자 확장 프로그램은 많은 웹 개발자의 Google 크롬 북마크에서 그 길을 찾았습니다. 이 확장은 다양한 개발 도구를 사용하여 브라우저에 도구 모음 버튼을 추가합니다. 4.6 / 5 등급으로, 이것은 웹 개발을위한 중요한 확장입니다.

크기 : 725KiB
언어 : 영어 (미국)

유령

Ghostery – 개인정보 보호용 광고 차단기

오랫동안 디자인 세계에 들어 오면서 우리는 웹 개발자에게 인터넷 브라우징이 얼마나 중요한지 이해합니다. 페이지 로딩 속도를 높이고, 혼란을 없애고, 데이터와 개인 정보를 보호하기 위해 Ghostery가 설립되었습니다. 무료 브라우저 확장과 모바일 브라우저를 제공하는 Ghostery는 인터넷과 더 빠르고 안전하며 깔끔하게 상호 작용할 수 있도록합니다. 2008 년에 David Cancel은 현재 독일에 기반을 둔 회사 인 Cliqz GmbH가 소유하고있는 뉴욕시에서이를 만들었습니다. 특별한 기능 외에도 추적하는 회사에 대한 정보를 계속 제공하고이를 차단하는 도구도 제공합니다. 이 Chrome 확장 프로그램을 사용하기 위해 등록하거나 가입 할 필요가 없습니다.

크기 : 1.72MiB
언어 : Deutsch, English, English (UK), Français, Nederlands, Türkçe, dansk, español, italiano, magyar, polski, português (Brasil), suomi, svenska, čeština, Ελληνικά, русский, 中文 (русский) , 中文 (繁體), 日本語, 한국어

CSSViewer

CSSViewer

이 간단한 CSS 속성 뷰어는 Nicolas Huon을 FireFox 애드온으로 만든 것입니다. 플로팅 패널은 글꼴, 텍스트, 색상, 위치 및 마우스가 가리키는 페이지의 특정 섹션에 대한 기타 속성을 포함한 스타일을 결정하는 데 도움이됩니다. 이 확장에서 제공하는 기본 CSS 정보는 많은 웹 개발자에게 훌륭한 영감의 원천이되었습니다.

크기 : 300KiB
언어 : 영어

JSONView

JSONView

웹 생성 과정에서 RESTful APIS 및 원시 JSON으로 작업하는 것은 매우 피곤하고 시간 소모적 일 수 있습니다. 사용자를 용이하게하는보기를 통해 JSON보기는 사용자가 트리보기에서 JSON을 읽을 수 있도록 도와줍니다. 이 간단하지만 효과적인 기능을 사용하여 브라우저에서 문서를 읽으려면 Google 크롬 확장 프로그램을 설치해야합니다.

크기 : 88.98KiB
언어 : 영어

Google Tag Assistant

Tag Assistant Legacy (by Google)

웹 개발자는 Google Tag Assistant를 사용하여 모든 웹 페이지에 Google Analytics, Google Tag Manager 등과 같은 Google 태그 설치 문제를 해결합니다. 이 간단한 유틸리티의 이점을 이용하려면 필요한 페이지로 이동하기 만하면됩니다.이 확장 프로그램은 모든 태그 정보를 제공합니다.

크기 : 757KiB
언어 : 영어

페이스 북 픽셀 도우미

Facebook Pixel Helper

이름에서 알 수 있듯이 Facebook Pixel Helper는 사용자가 픽셀 구현을 검증 할 수 있도록 도와줍니다. 이 데몬 확장은 Facebook 픽셀의 변환을 찾고 실시간 피드백을 제공합니다. 클릭하면 패널이 펼쳐지는 픽셀 이벤트 수를 나타내는 작은 숫자 아이콘이 있습니다. 이 패널에는 경고, 오류 및 성공과 같은 기타 정보와 함께 페이지의 픽셀에 대한 자세한 정보가 포함되어 있습니다.

크기 : 506KiB
언어 : 영어

SEOQuake

SEOquake

브라우저 창 상단에 추가 도구 모음을 제공함으로써 SEOQuake 확장은 사용자 정의 된 핵심 메트릭에 대한 정보를 제공합니다. 이 무료 플러그인은 SEO 감사 도구, 키워드 밀도 보고서, 내부 / 외부 링크 분석 및 소셜 메트릭과 같은 많은 유용한 도구와 함께 제공됩니다. SEOQuake를 사용하면 하트 비트의 주요 측정 항목을 검토하고, URL을 비교하고, Facebook 및 Google+의 소셜 통계를 확인하고, 검색 쿼리에 대한 매개 변수를 설정하는 등의 작업을 수행 할 수 있습니다.이 플랫폼 호환 확장 프로그램은 다운로드 횟수가 3 백만 이상입니다.

크기 : 1.42MiB
언어 : Deutsch, English, Français, español, italiano, português (Brasil), português (Portugal), русский

시계 장치

Clockwork

Clockwork는 PHP 개발자를위한 개발 도구 세트를 제공합니다. 이 Chrome 확장 프로그램은 PHP 스크립트 디버깅 및 프로파일 링에 필요한 모든 정보가 포함 된 새 패널을 제공하여 개발자 도구를 확장합니다. Laravel, Slim 2 및 CodeIgniter 2.1 기반 애플리케이션에 대한 지원이 포함됩니다.

크기 : 522KiB
언어 : 영어

사용자 에이전트 전환기

사이트를 개발하는 동안 많은 웹 개발자는 모바일 브라우저와 데스크톱 브라우저 모두에서 작업해야합니다. 또한 많은 사이트에서 개발자를 차단합니다. 이 문제를 해결하려면 웹 개발자에게 Google Chrome 확장 프로그램 인 User-Agent Switcher가 있어야합니다. 이 확장을 사용하면 스푸핑하려는 에이전트 문자열 인 사용자간에 원활하게 전환 할 수 있습니다. 또한이 확장을 통해 사용자는 주어진 도메인에 대한 영구 스위치를 설정할 수 있습니다.

크기 : 120KiB
언어 : 영어 (미국)

내 링크 확인

Check My Links

누구나 알고 있듯이 웹 사이트는 링크로 연결된 많은 웹 페이지의 모음입니다. 웹 개발자의 경우 웹 사이트를 게시하기 전에 끊어지고 잘못된 링크가 있는지 확인하는 것이 중요합니다. 여기에서 내 링크 확인이 등장합니다. 웹 페이지를 면밀히 조사하고 유효한 링크와 끊어진 링크를 구분하는 링크 검사기 도구입니다. 따라서이 확장은 주로 웹 디자이너, 개발자 및 콘텐츠 편집자를 위해 설계되었습니다. 웹 개발자는 Chrome> 도구> 자바 스크립트 콘솔 경로에서 찾을 수있는 콘솔 로그에서 깨진 출력을 찾을 수 있습니다. 또는 간단히 Ctrl + Shift + J를 사용하면됩니다.

크기 : 161KiB
언어 : 영어 (영국)

웹 개발자 체크리스트 ⁠⁠⁠⁠

Web Developer Checklist

웹 개발자 체크리스트는 사용자가 웹 사이트를 효과적으로 만드는 데 도움을줍니다. 웹 개발자가 디자인 모범 사례를 따르도록합니다. 단일 웹 페이지를 분석하고 웹 사이트에서 문제 영역을 발견합니다. 또한 WebDevChecklist.com 과 함께 제공됩니다. 8 신장.

크기 : 12.05KiB
언어 : 영어 (미국)