35개 이상의 크롬 플러그인을 사용하면 절반의 노력으로 두 배의 결과를 얻고 작업하고 공부할 수 있습니다!

반의 노력으로 두 배의 결과를 얻으려면 특정 아이디어와 도구의 도움을 받아야 한다는 말이 있습니다. 다음은 15개 이상의 프런트 엔드 플러그인을 포함하여 귀하와 공유할 수 있는 35개 이상의 Chrome 플러그인입니다. 항상 사용할 가치가 있는 플러그인이 하나 있습니다!

다음 일반 플러그인은 언급하지 않겠습니다.

• vue, React 및 기타 개발 플러그인

• Nugget 플러그인

• google 번역

Google Mall에 갈 수 없다면 먼저 iGG Google Assistant를 설치하면 됩니다.

둘째, www.cnplugins.com/, crxdl.com/ 또는 chrome.pictureknow.com/로 이동하여 오프라인 패키지를 검색하고 다운로드하세요.

다시 한 번 Microsoft Edge 브라우저를 다운로드하고 플러그인을 설치하세요!

더 흥미로운 일이 기다리고 있습니다! ! ! 에너지 넘치는 애니메이션 사진, 주의가 산만해지지 마세요! ! !

별 5개 추천 카테고리(12)

---

그린 검색

슈퍼 별 5개 추천, 바이두 검색 광고를 없애거나 디스플레이를 약화시키거나, 정말 성실한 작업입니다, 성실한 작업입니다, 성실한 일. 마찬가지로
frontend라는 단어를 검색하고 효과를 확인하세요. 광고가 사라졌습니다, 광고가 사라졌습니다, 광고가 사라졌습니다, 빨리 설치하세요

iGG Google Access Assistant

Google Access Assistant를 등록해야 하는 것이 아닙니다! ! !

기본적으로 무료이고 필수 요구 사항도 없습니다. 무엇을 기다리고 계십니까? ! ! , 물론 유튜브 등에 접속하는 것은 또 다른 일입니다.

개인적으로 360 브라우저에서 테스트했는데 Google에서 사용하기가 매우 쉽습니다.

스트림 레코더 - HLS를 MP4로 다운로드

네 단어:

매우 강력함, 라이브 스트림, flv 및 기타 형식을 직접 가로챌 수 있습니다. 반복합니다. 실시간 스트림을 가로챌 수 있습니다. 하위 계층 차단 MSEmethod이 원칙입니다.

스트림 레코더를 사용하면 일반적인 HLS(m3u8) 형식으로 게시된 라이브 및 보관된 비디오를 쉽게 저장할 수 있습니다.

동영상 파일 형식이 mp4 형식인 경우에도 고유한 동영상 캡처 기능을 사용하면 동영상을 직접 녹화할 수 있습니다.

octotree Github 및 GitLab 트리 탐색

github 웹사이트 탐색 도구, 오른쪽의 제작 메뉴가 한눈에, 간단하고 효율적입니다! ! ! !

더 똑똑한 유사한 플러그인

Sourcegraph도 있습니다.

Tampermonkey Tampermonkey Script

는 웹사이트에서 소위 사용자 스크립트를 실행합니다. 페이지 레이아웃을 변경하고, 새로운 기능과 콘텐츠를 추가 또는 제거하거나 작업을 자동화할 수 있습니다. 스크립트를 직접 추가할 수 있을 뿐만 아니라 자체 스크립트 저장소 개념도 있어 매우 강력합니다.

GitHub 가속

국내 Github 다운로드가 엄청 느립니다. 이 플러그인을 사용하고 나면 다운로드 속도가 엄청 빠릅니다~!

확장 관리자

크롬 플러그인 관리자, 내려놓을 플러그인이 너무 많고, 활성화하고 비활성화하는 것이 불편합니다. 이것은 정말 훌륭합니다!

Caiyun Xiaoyi-웹페이지 번역 플러그인

**Google 번역**이 좋지 않다고 말씀하실 수 있나요? 구글 서비스를 이용하는 것이 전제지만, 차이윤 샤오이(Caiyun Xiaoyi)는 다르다.

브라우저용으로 개발된 웹페이지 번역 도구인 Caiyun Xiaoyi 이중 언어 웹페이지 번역 플러그인은 한 번의 클릭으로 효과적으로 모국어 읽기 경험을 얻을 수 있습니다.

Adblock Plus - 무료 광고 차단기

및 기본 버전 AdBlock - 최고의 광고 차단 도구 및 **AdGuard 광고 차단기**를 보면 광고가 얼마나 짜증나는지 알 수 있습니다. !

Adblock Plus는 Chrome 브라우저에서 매우 인기 있는 광고 차단 플러그인입니다. Adblock Plus는 수백만 명의 사용자를 보유하고 있으며 전 세계적으로 높은 평가를 받고 있습니다.

돈을 내야 할 수도 있지만 세상은 평화롭습니다.

Infinity 새 탭 페이지

수백만 명의 사용자가 선택한 새 탭 페이지는 웹 사이트 아이콘, 클라우드 HD 배경화면, 북마크에 대한 빠른 액세스, 날씨, 메모, 할 일, 확장 관리 및 역사 .

crxMouse Chrome™ 제스처

정말 멋지네요. 써본 사람은 알 거예요! ! !

모든 마우스 작업을 완전히 살펴보세요. 마우스 제스처, 슈퍼 드래그, 휠 제스처, 조이스틱 제스처, 부드러운 스크롤, 탭 목록 등이 있습니다.

OneTab 태그 관리 전문가

저장 최대 95%의 메모리를 확보하고 탭을 깔끔하게 정리하세요. 어서 어서 탭을 100개 더 열 수 있어요.

17 이미지 기반, 2차원 코딩/디코딩, 마크다운 도구, 간단한 postMan, JS 일반,

페이지 색상 선택, 인코딩 변환, 웹페이지 성능

, YouMonkey 스크립트, json으로의 Excel 등

FEHelper에는 고유한 기능이 있습니다. 플러그인 마켓에서는 기본적으로 JSON 미화 도구만 설정 패널에 설치해야 합니다.

Lighthouse 성능 분석

Lighthouse는 웹 애플리케이션의 성능, 품질 및 정확성을 향상시키는 데 사용되는 오픈 소스 자동화 도구입니다. 페이지를 감사할 때 Lighthouse는 페이지에 대해 여러 테스트를 실행한 다음 페이지 성능에 대한 보고서를 생성합니다. 여기에서 실패한 테스트를 애플리케이션 개선을 위해 무엇을 할 수 있는지에 대한 지표로 사용할 수 있습니다.

Talend API 테스터 - 무료 버전HTTP 및 Restapi를 매우 쉽게 호출하고 발견하고 테스트하세요.

Windows 애플리케이션을 설치할 필요 없이 브라우저에서 직접 실행하면 됩니다! !

이미지 다운로더

이미지 훔치는 무기! ! ! !

이미지 다운로더는 페이지에 있는 모든 이미지의 축소판을 표시하며, 모든 이미지를 다운로드하거나 일부만 선택할 수 있는 옵션도 제공됩니다. 모든 이미지를 다운로드하고 싶다면 단 두 번의 클릭만으로 이용이 편리합니다.

조금 짜증나는 점은 360 브라우저에 역겨운 다운로드 상자가 뜬다는 점입니다.

ColorZilla

고급 드로퍼, 색상 선택기.

사실 FeHelper에도 비슷한 기능이 있지만 이것만큼 강력하지는 않습니다.

JSON Viewer는 검은색, 검은색 스타킹 등 다양한 스타일이 내장되어 JSON 표시를 아름답게 만듭니다. 하하!

Web Developer

Web Developer 이 확장 프로그램은 다양한 웹 개발 도구를 통합하며 웹 개발자에게 거의 필수 항목입니다.Chrome 개발자 도구 확장, 설치 후 설치됩니다. 브라우저 툴바에 있는 톱니바퀴 모양의 아이콘을 클릭하면 수많은 웹 개발 도구를 볼 수 있습니다. 더워도 별로 안 좋아하잖아, 하!

EditThisCookieEditThisCookie는 쿠키 관리자입니다. 쿠키를 추가, 삭제, 수정, 검색, 잠금, 차단할 수 있습니다!

Chrome용 사용자 에이전트 전환기

는 Chrome을 다른 브라우저로 위장하여 초기 웹페이지를 쉽게 테스트할 수 있습니다.

Window Resizer

사용자는 창을 320x480, 480x800, 1024x768 등으로 조정하거나 브라우저 창의 크기를 사용자 정의하도록 선택할 수 있습니다.

CSSViewer 및 CSS Peeper

은 노드 스타일을 실시간으로 표시하지만 안타깝게도 복사를 지원하지 않습니다. 마지막 업데이트는 2017년입니다.

CSS Peeper는 스타일을 추출할 수 있습니다. 멋지네요

Page Ruler Redux

모든 웹 페이지 요소에서 측정할 수 있는 완벽한 픽셀 크기와 위치를 얻는 개발자 디자이너 눈금자입니다.

BuiltWith Technology Profiler

은 웹사이트 분석 도구입니다. 페이지를 찾을 때 BuildWith는 페이지에서 찾을 수 있는 모든 기술을 반환합니다.

너겟을 살펴보자

어떤 글꼴 - 글꼴 찾기

어떤 웹사이트에서 어떤 글꼴이 사용되는지 알려줍니다.

어떤 글꼴을 사용하면 글꼴 이름, 글꼴 계열을 알 수 있습니다. , 색상, 스타일, 크기, 위치. 디자인된 웹 페이지를 빠르게 만들 수 있는 훌륭한 도구입니다.

WooRank의 SEO 분석 및 웹사이트 검토

SEO 분석 도구

SEO, 모바일, 유용성 및 소셜 미디어에 대한 즉각적인 SEO 분석 및 웹사이트 검토.

SEO 분석 및 웹사이트 검토 확장 프로그램은 브라우저에서 방문 중인 웹사이트를 분석하고 명확하고 실행 가능한 보고서를 생성하여 검토된 웹사이트의 접근성, 가독성, 유용성 및 검색 가능성 문제에 대한 영향을 강조합니다.

CSS, Less & Sass용 라이브 편집기 - Magic CSS

CSS/Less/Sass 코드 변경 사항을 실시간으로 미리 보면 즉시 적용됩니다. 작성한 코드는 브라우저 확장 프로그램의 저장소 또는 웹사이트의 로컬 저장소에 저장됩니다.

비슷한 것이 또 있습니다 사용자 CSS

페이지 로드 시간 페이지 로드 보기

한 번의 클릭으로 페이지 로드 매개변수를 확인하세요!

기타 카테고리(7)

Screenity - 화면 녹화 및 주석 도구

가장 강력한 Chrome용 화면 녹화기입니다. 캡처, 주석 달기, 편집 등의 작업을 수행하세요.

**whatruns

Proxy SwitchyOmega

여러 프록시 설정을 빠르고 쉽게 관리하고 전환하세요.

북마크 사이드바

모든 북마크를 관리하려면 브라우저 보기 영역 왼쪽에 고정 사이드바를 추가하세요.

웹 페이지 스크린샷 캡처 - FireShot

페이지 스크린샷 , Chrome에는 이제 스크린샷 기능이 내장되어 있습니다. 입력하려면 몇 단계가 필요하지만 이 방법이 더 직관적입니다.

캐시 지우기

한 번의 클릭으로 브라우저의 캐시를 지우세요! ! !

IP 주소 및 도메인 정보

IP 주소, 도메인 이름 및 공급자에 대한 자세한 정보입니다.

Bilibili 다운로드 도우미

2차원적인 사람으로서 Bilibili 다운로드 도우미를 추천합니다! 물론 더 강력한 Bilibili Assistant: bilibili.com 종합 보조 확장도 있지만 저는 여전히 가벼운 것을 좋아합니다.

Resource Override

이 확장 프로그램을 사용하면 요청하기 전에 동적으로 URL을 리디렉션할 수 있습니다.

(학습 영상 공유: 웹 프론트엔드 개발, 기본 프로그래밍 영상)