Chrome을 사용하지 않는 프로그래머라면 소수에 불과합니다.
웹의 방향에 대한 Google의 막대한 영향, 개발을 덜 답답하게 만드는 내장 기능, 사용 가능한 확장 프로그램의 수 등 프로그래밍에 이 브라우저를 선호하는 이유는 많습니다.
마지막 포인트가 중요한 포인트입니다. 2018년 2월 기준으로 Chrome은 데스크톱에서 60% 이상의 시장 점유율을 차지하고 있습니다. 대부분의 확장 프로그램 제작자가 Chrome에 먼저 집중하는 것은 당연합니다. 즉, 모든 종류의 개발자, 특히 웹 개발자라면 사용해야 하는 최고의 Chrome 확장 프로그램입니다.
일반 개발 확장
1. 세션 친구
Chrome에는 북마크, 설정, 탭, 기록 등의 별도 세트를 만들 수 있는 맞춤 사용자 프로필이라는 멋진 기능이 있습니다. 아직 설정하지 않았다면 프로그래밍을 위해 특별히 설정해야 합니다.
그러나 Session Buddy는 한 단계 더 나아가 특정 "탭 세션"을 저장하고 원하는 대로 전환할 수 있어 여러 프로젝트에서 작업할 때 편리합니다.
2. Chrome용 iMacros
iMacros는 반복 작업을 자동화할 수 있는 확장 프로그램입니다. 특정 동작(예:마우스 클릭 및 키 누름)을 "기록"하고 매크로로 저장한 다음 한 번의 클릭으로 원할 때마다 실행할 수 있습니다. 양식 작성, 변경 테스트 등의 시간을 절약할 수 있습니다. Chrome 외부의 매크로에는 AutoHotkey 스크립트를 권장합니다.
3. 웹 타이머
웹 타이머는 다양한 웹사이트에서 보내는 시간(또는 낭비하는 시간)을 추적하여 미루는 경향을 억제하는 데 도움이 됩니다. Chrome에 포커스가 있을 때만 추적하며 유휴 상태일 때 추적을 중지할 만큼 똑똑합니다.
고급 시간 추적기를 원하시면 크로스 플랫폼 Toggl을 적극 권장합니다.
4. 멋진 스크린샷
Awesome Screenshot은 스크린샷을 캡처하고, 화면 비디오를 녹화하고, 스냅된 이미지에 주석을 달고 흐리게 처리하고, 한 번의 클릭으로 다른 사람과 스크린샷을 공유할 수 있는 올인원 확장 프로그램입니다. 멋진 기능 중 하나는 전체 웹페이지를 스크린샷하는 기능입니다. 하나의 거대한 이미지로 함께 꿰매십시오. Chrome 외부에서도 작동하는 솔루션의 경우 스크린샷을 만들기 위한 다음 최고의 도구를 확인하세요.
5. 마모셋
Marmoset은 코드의 3D 스크린샷을 만들기 위한 재미있는 작은 도구입니다. 이미지를 스냅하면 3D로 회전하고 기울이고 크기를 조정할 수 있으므로 스니펫을 공유할 때 더 흥미로워집니다. 코드 기반 스톡 이미지를 만들거나 프로젝트 홈페이지에서 소스 코드를 엿볼 때도 유용합니다.
웹 개발 확장 프로그램
6. 웹 개발자
웹 개발을 지원하기 위해 설치하는 확장 프로그램이 하나 있다면 바로 이 확장 프로그램을 사용하십시오. Web Developer는 원클릭 JavaScript 및 플러그인 토글, 반응형 디자인 테스트를 위한 창 크기 조정, 이미지 테스트 및 디버깅 등 여러 편의 기능으로 가득 차 있습니다.
7. 사용자 에이전트 전환기
Chrome 웹 스토어에 있는 많은 "사용자 에이전트 전환기" 확장 프로그램 중에서 이 확장 프로그램이 가장 좋습니다. 여전히 업데이트 중이며 링크를 가로채지 않으며 여러 기본 사용자 에이전트 문자열과 함께 제공되지만 사용자 지정 사용자 에이전트 문자열을 만들 수도 있습니다. 안정적으로 작동하는 유일한 확장 프로그램입니다.
8. 와팔라이저
어떤 종류의 웹 기술이 특정 사이트를 구동하는지 알고 싶다면 Wappalyzer가 클릭 한 번으로 알려줄 것입니다. CMS(예:WordPress), 웹 프레임워크(예:React), 도구 및 유틸리티(예:Google Analytics), 전자상거래 플랫폼(예:Shopify) 등을 감지할 수 있을 만큼 충분히 똑똑합니다.
9. IE 탭
2018년 2월 현재 데스크톱 사용자의 13% 이상이 여전히 Internet Explorer를 사용하고 있습니다. 이는 IE가 최신 웹 표준을 준수하지 않기 때문에 안타까운 일입니다. 그렇기 때문에 새 탭에서 IE를 에뮬레이트하고 IE6, IE7, IE8, IE9 및 ActiveX 컨트롤과 같은 다양한 버전의 웹사이트를 테스트할 수 있는 IE 탭이 필요합니다. 웹사이트가 오래된 브라우저와 상관없이 모든 브라우저와 호환되어야 하는 경우에 정말 유용합니다.
10. 클릭&청소
웹 사이트를 개발할 때 새로운 변경 사항을 로드하기 위해 검색 데이터를 계속 지우는 것만큼 짜증나는 일은 거의 없습니다. Click&Clean을 사용하면 속도가 빨라질 뿐만 아니라 정리할 수 있는 항목(예:데이터베이스 및 플러그인 데이터 삭제, 특정 사이트에 대한 쿠키 유지 등)을 더 잘 제어할 수 있습니다.
11. WhatFont
WhatFont는 웹에서 글꼴을 식별하는 가장 빠른 방법입니다. 요소를 마우스 오른쪽 버튼으로 클릭하고 요소 검사를 선택한 다음 스타일시트를 살펴보고 그것이 무엇인지 찾는 것입니다. WhatFont를 사용하면 요소 위로 마우스를 가져가는 것만으로 글꼴이 무엇인지 알 수 있을 뿐만 아니라 해당 글꼴이 제공되는 방식(예:Google Fonts, TypeKit 등)도 알려줍니다.
12. ColorPick 스포이드
ColorPick Eyedropper는 확대하여 웹페이지에 있는 픽셀의 정확한 색상 코드를 얻을 수 있는 도구입니다. 색상 코드는 16진수, RGB 및 HSL로 제공됩니다. 스타일시트에서 어떤 색상이 사용되는지 확인하기 위해 요소를 검사하거나 이미지 편집기에서 이미지를 다운로드하고 색상을 선택하는 것보다 매우 편리하고 훨씬 빠릅니다.
13. Lorem Ipsum 생성기
웹 사이트를 개발할 때 결국에는 일부 더미 텍스트가 필요합니다. Lorem ipsum 생성기는 웹에 풍부하지만 Lorem Ipsum 생성기는 항상 현재 탭에서 바로 사용할 수 있습니다. 빠르고 원하는 단락 수와 단락당 문장 수를 사용자 지정할 수 있습니다.
14. 내 링크 확인
웹 개발 프로젝트가 끝나면 모든 핵심 페이지에서 최종 단계를 수행하여 모든 링크가 작동하는지 확인하고 싶을 것입니다. 내 링크 확인을 사용하면 해당 프로세스를 최대한 쉽게 수행할 수 있습니다. 버튼을 클릭하기만 하면 현재 페이지의 모든 링크를 스캔한 다음 손상되었는지 작동하는지에 따라 각 링크를 강조 표시합니다.
15. 치수
Dimensions는 웹 개발보다 웹 디자인을 위한 도구에 가깝지만 두 가지가 겹치는 경향이 있으므로 이 확장을 사용하고 싶을 것입니다. 즉, 텍스트, 이미지, 비디오 및 양식 필드를 포함한 두 웹 요소 사이의 거리를 즉시 측정합니다. 또한 마우스 커서에서 지원되는 웹 요소까지의 거리를 측정할 수도 있습니다.
유용할 수 있는 더 많은 Chrome 확장 프로그램
위의 내용 외에도 Chrome을 사용하는 개발자에게 좌절감을 줄 수 있는 두 가지 탭 관리 Chrome 확장 프로그램과 비즈니스 생산성 Chrome 확장 프로그램을 적극 권장합니다.
또한 보안에서 엔터테인먼트, 쇼핑에서 일반 생산성 등에 이르기까지 모든 것을 포괄하는 최고의 Chrome 확장 프로그램을 확인해야 합니다.