반의 노력으로 두 배의 결과를 얻으려면 특정 아이디어와 도구의 도움을 받아야 한다는 말이 있습니다. 다음은 15개 이상의 프런트 엔드 플러그인을 포함하여 귀하와 공유할 수 있는 35개 이상의 Chrome 플러그인입니다. 항상 사용할 가치가 있는 플러그인이 하나 있습니다!
다음 일반 플러그인은 언급하지 않겠습니다.
vue, React 및 기타 개발 플러그인
Nugget 플러그인
google 번역
Google Mall에 갈 수 없다면 먼저 iGG Google Assistant를 설치하면 됩니다.
둘째, www.cnplugins.com/, crxdl.com/ 또는 chrome.pictureknow.com/로 이동하여 오프라인 패키지를 검색하고 다운로드하세요.
다시 한 번 Microsoft Edge 브라우저를 다운로드하고 플러그인을 설치하세요!
더 흥미로운 일이 기다리고 있습니다! ! ! 에너지 넘치는 애니메이션 사진, 주의가 산만해지지 마세요! ! !
슈퍼 별 5개 추천, 바이두 검색 광고를 없애거나 디스플레이를 약화시키거나, 정말 성실한 작업입니다, 성실한 작업입니다, 성실한 일. 마찬가지로
frontend라는 단어를 검색하고 효과를 확인하세요. 광고가 사라졌습니다, 광고가 사라졌습니다, 광고가 사라졌습니다, 빨리 설치하세요
기본적으로 무료이고 필수 요구 사항도 없습니다. 무엇을 기다리고 계십니까? ! ! , 물론 유튜브 등에 접속하는 것은 또 다른 일입니다.
개인적으로 360 브라우저에서 테스트했는데 Google에서 사용하기가 매우 쉽습니다.매우 강력함, 라이브 스트림, flv 및 기타 형식을 직접 가로챌 수 있습니다. 반복합니다. 실시간 스트림을 가로챌 수 있습니다. 하위 계층 차단 MSEmethod이 원칙입니다.
스트림 레코더를 사용하면 일반적인 HLS(m3u8) 형식으로 게시된 라이브 및 보관된 비디오를 쉽게 저장할 수 있습니다. 동영상 파일 형식이 mp4 형식인 경우에도 고유한 동영상 캡처 기능을 사용하면 동영상을 직접 녹화할 수 있습니다.
국내 Github 다운로드가 엄청 느립니다. 이 플러그인을 사용하고 나면 다운로드 속도가 엄청 빠릅니다~!
크롬 플러그인 관리자, 내려놓을 플러그인이 너무 많고, 활성화하고 비활성화하는 것이 불편합니다. 이것은 정말 훌륭합니다!
**Google 번역**이 좋지 않다고 말씀하실 수 있나요? 구글 서비스를 이용하는 것이 전제지만, 차이윤 샤오이(Caiyun Xiaoyi)는 다르다.
브라우저용으로 개발된 웹페이지 번역 도구인 Caiyun Xiaoyi 이중 언어 웹페이지 번역 플러그인은 한 번의 클릭으로 효과적으로 모국어 읽기 경험을 얻을 수 있습니다.
및 기본 버전 AdBlock - 최고의 광고 차단 도구 및 **AdGuard 광고 차단기**를 보면 광고가 얼마나 짜증나는지 알 수 있습니다. !
Adblock Plus는 Chrome 브라우저에서 매우 인기 있는 광고 차단 플러그인입니다. Adblock Plus는 수백만 명의 사용자를 보유하고 있으며 전 세계적으로 높은 평가를 받고 있습니다.
돈을 내야 할 수도 있지만 세상은 평화롭습니다.
수백만 명의 사용자가 선택한 새 탭 페이지는 웹 사이트 아이콘, 클라우드 HD 배경화면, 북마크에 대한 빠른 액세스, 날씨, 메모, 할 일, 확장 관리 및 역사 .
정말 멋지네요. 써본 사람은 알 거예요! ! !
모든 마우스 작업을 완전히 살펴보세요. 마우스 제스처, 슈퍼 드래그, 휠 제스처, 조이스틱 제스처, 부드러운 스크롤, 탭 목록 등이 있습니다.
저장 최대 95%의 메모리를 확보하고 탭을 깔끔하게 정리하세요. 어서 어서 탭을 100개 더 열 수 있어요.
Lighthouse 성능 분석
Lighthouse는 웹 애플리케이션의 성능, 품질 및 정확성을 향상시키는 데 사용되는 오픈 소스 자동화 도구입니다. 페이지를 감사할 때 Lighthouse는 페이지에 대해 여러 테스트를 실행한 다음 페이지 성능에 대한 보고서를 생성합니다. 여기에서 실패한 테스트를 애플리케이션 개선을 위해 무엇을 할 수 있는지에 대한 지표로 사용할 수 있습니다.
Windows 애플리케이션을 설치할 필요 없이 브라우저에서 직접 실행하면 됩니다! !
이미지 다운로더는 페이지에 있는 모든 이미지의 축소판을 표시하며, 모든 이미지를 다운로드하거나 일부만 선택할 수 있는 옵션도 제공됩니다. 모든 이미지를 다운로드하고 싶다면 단 두 번의 클릭만으로 이용이 편리합니다.
조금 짜증나는 점은 360 브라우저에 역겨운 다운로드 상자가 뜬다는 점입니다. 
고급 드로퍼, 색상 선택기.
사실 FeHelper에도 비슷한 기능이 있지만 이것만큼 강력하지는 않습니다.
Web Developer
는 Chrome을 다른 브라우저로 위장하여 초기 웹페이지를 쉽게 테스트할 수 있습니다.
사용자는 창을 320x480, 480x800, 1024x768 등으로 조정하거나 브라우저 창의 크기를 사용자 정의하도록 선택할 수 있습니다.
은 노드 스타일을 실시간으로 표시하지만 안타깝게도 복사를 지원하지 않습니다. 마지막 업데이트는 2017년입니다.
CSS Peeper는 스타일을 추출할 수 있습니다. 멋지네요
모든 웹 페이지 요소에서 측정할 수 있는 완벽한 픽셀 크기와 위치를 얻는 개발자 디자이너 눈금자입니다.
은 웹사이트 분석 도구입니다. 페이지를 찾을 때 BuildWith는 페이지에서 찾을 수 있는 모든 기술을 반환합니다.
너겟을 살펴보자
어떤 웹사이트에서 어떤 글꼴이 사용되는지 알려줍니다.
어떤 글꼴을 사용하면 글꼴 이름, 글꼴 계열을 알 수 있습니다. , 색상, 스타일, 크기, 위치. 디자인된 웹 페이지를 빠르게 만들 수 있는 훌륭한 도구입니다.
SEO 분석 도구
SEO, 모바일, 유용성 및 소셜 미디어에 대한 즉각적인 SEO 분석 및 웹사이트 검토.
SEO 분석 및 웹사이트 검토 확장 프로그램은 브라우저에서 방문 중인 웹사이트를 분석하고 명확하고 실행 가능한 보고서를 생성하여 검토된 웹사이트의 접근성, 가독성, 유용성 및 검색 가능성 문제에 대한 영향을 강조합니다.
CSS/Less/Sass 코드 변경 사항을 실시간으로 미리 보면 즉시 적용됩니다. 작성한 코드는 브라우저 확장 프로그램의 저장소 또는 웹사이트의 로컬 저장소에 저장됩니다.
비슷한 것이 또 있습니다 사용자 CSS
한 번의 클릭으로 페이지 로드 매개변수를 확인하세요!
가장 강력한 Chrome용 화면 녹화기입니다. 캡처, 주석 달기, 편집 등의 작업을 수행하세요.
**whatruns
여러 프록시 설정을 빠르고 쉽게 관리하고 전환하세요.
모든 북마크를 관리하려면 브라우저 보기 영역 왼쪽에 고정 사이드바를 추가하세요.
페이지 스크린샷 , Chrome에는 이제 스크린샷 기능이 내장되어 있습니다. 입력하려면 몇 단계가 필요하지만 이 방법이 더 직관적입니다.
한 번의 클릭으로 브라우저의 캐시를 지우세요! ! !
IP 주소, 도메인 이름 및 공급자에 대한 자세한 정보입니다.
2차원적인 사람으로서 Bilibili 다운로드 도우미를 추천합니다! 물론 더 강력한 Bilibili Assistant: bilibili.com 종합 보조 확장도 있지만 저는 여전히 가벼운 것을 좋아합니다.
이 확장 프로그램을 사용하면 요청하기 전에 동적으로 URL을 리디렉션할 수 있습니다.
(학습 영상 공유: 웹 프론트엔드 개발, 기본 프로그래밍 영상)
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
