집 › 에 의해 › 개발자를 위한 Google Chrome 확장 프로그램의 미묘한 차이 웹 개발 등을 위한 Google Chrome 확장 프로그램입니다. Chrome에는 어떤 버전이 있나요?

개발자를 위한 Google Chrome 확장 프로그램의 미묘한 차이 웹 개발 등을 위한 Google Chrome 확장 프로그램입니다. Chrome에는 어떤 버전이 있나요?

브라우저 구글 크롬– 디자이너와 웹 개발자를 위한 탁월한 선택입니다. GoogleChrome용 확장 프로그램을 사용하면 다음을 추가할 수 있습니다. 더 많은 기능, 이는 디자인, 오류 찾기 및 사이트 관련 기타 작업에 도움이 될 수 있습니다. 여기서는 디자이너와 개발자를 위한 최고의 Chrome 확장 프로그램을 소개합니다.

해상도 테스트– 이 확장 프로그램은 다양한 화면 해상도에서 웹페이지를 확인하도록 설계되었으며, 해상도 설정을 직접 지정할 수 있습니다. 이 도구는 디자인이 다양한 모니터 크기에서 어떻게 보이는지 확인하는 데 매우 편리합니다.

Pendule은 Google Chrome에 내장된 도구의 기능을 확장합니다. 이 확장 기능을 사용하면 사용자는 W3C 자동화 웹 서비스를 사용하여 제한 태그 평가, 페이지에서 이미지 숨기기, 페이지에 포함된 스크립트 보기 등 다양한 추가 기능을 사용할 수 있습니다.

평범한 옷이 기능은 단 한 가지만 잘 수행합니다. 즉, 페이지의 모든 CSS를 제거합니다. 웹 페이지의 접근성을 평가하는 가장 좋은 방법 중 하나는 CSS 스타일을 제거하고 스타일이 있는 페이지와 없는 페이지의 가독성을 비교하는 것입니다. 이 접근 방식은 사용자가 화면에 일부 페이지만 표시하고 페이지 태그에만 의존하여 콘텐츠에 액세스할 수 있는 상황을 시뮬레이션합니다.
이 프로그램은 원래 웹 페이지 테스트를 위해 만들어졌지만 이를 사용하여 "스타일이 적용되지 않은" 방식으로 좋아하는 스타일을 볼 수 있습니다. 따라서 JavaScript 기능을 완료해야 하는 동안 상사가 이 프로그램을 보고 있는 것을 눈치채지 못할 것입니다.

웹페이지의 특정 부분을 잘라내고 싶다면 Image Cropper가 확실한 선택입니다. 이 프로그램은 막대기처럼 간단하고 특수효과가 없습니다. 자르고 싶은 영역을 지정하기만 하면 앱이 이를 선택합니다. 픽셀 정밀도가 필요합니까? 확장 기능은 자르는 조각의 크기와 위치를 표시하므로 필요한 크기를 선택할 수 있습니다.

이 확장은 미니멀하고 단순하다는 점을 자랑스럽게 생각합니다. 이는 Lorem Ipsum 텍스트 생성을 복잡하게 만들 이유가 없기 때문에 좋은 것입니다. Lorem Ipsum 생성기를 사용하면 프레젠테이션 웹사이트를 디자인할 때 프레임을 텍스트로 채울 수 있습니다.

엔진 내 버그 식별 인터넷 익스플로러트라이던트는 전혀 재미가 없습니다. IE 탭을 사용하면 최소한 시간을 절약할 수 있고 렌더링 문제를 찾기 위해 Internet Explorer를 사용할 필요가 없습니다(확장자가 많지 않다는 것은 말할 것도 없습니다).

jQuery Shell을 사용하면 열려 있는 웹 페이지의 컨텍스트에서 javascript 및 jQuery 명령을 실행할 수 있습니다. jQuery를 학습하고 실험하는 데 매우 유용한 확장입니다.

10.

이 앱은 한 가지 트릭의 달인입니다. 비결은 이 프로그램을 사용하면 모든 웹 페이지에서 모든 색상의 Hex 및 RGB 값을 빠르게 얻을 수 있다는 것입니다. 이 기능은 Photoshop과 스포이드 도구를 사용하지 않고 즐겨찾는 웹 사이트에서 사용하는 색상을 결정해야 하는 경우 유용할 수 있습니다.

11.

기능 사용 웹편집을 사용하면 모든 페이지를 편집할 수 있도록 설정할 수 있습니다(물론 변경 사항은 저장되지 않습니다). 그렇다면 이것이 왜 필요합니까? 이유는 다음과 같습니다. 웹 사이트를 만들고 코드를 크게 변경하지 않고 요소를 가지고 놀고 싶다면 이 애플리케이션이 매우 유용할 것입니다.

12.

어떤 기술, 구조 및 응용 프로그램이 있는지 알고 싶었던 적이 있습니까? 오픈 소스특정 웹사이트를 사용하시나요? 숙련된 개발자는 연구를 통해 이러한 질문에 답할 수 있습니다. 원천, 하지만 더 빠르고 쉽게 답변을 얻으려면 Chrome 스니퍼를 사용해 보세요. Chrome 스니퍼는 웹사이트에서 사용되는 모든 알려진 자바스크립트 프레임워크/라이브러리(jQuery, MooTools 등)와 CMS(Drupal, WordPress 등)를 나열합니다.

13.
점안기는 모든 웹페이지에서 색상을 감지할 수 있는 Google Chrome의 확장 프로그램입니다. 게다가, 이 프로그램은 색상 "휠"과 색상 샘플(어디에서든 찾을 수 있음)을 제공합니다. 그래픽 프로그램), 색상을 실험하고 조작하여 원하는 색상을 찾을 수 있습니다.

15.

좋은 마크업을 포함하여 적절하게 구성된 웹 페이지는 궁극적으로 검색 엔진에서 인상적인 결과를 얻는 페이지로 이어집니다. 그러나 알려진 검색 엔진 최적화 매개변수를 기준으로 웹사이트를 평가하려면 다양한 유용한 SEO 평가 도구 및 기능을 제공하는 확장 프로그램인 SEO 사이트 도구를 사용해 보아야 합니다. 페이지 안팎에서 많은 매개변수를 읽을 수 있고, 소셜 미디어 등에서 정보를 얻을 수 있습니다.

다양한 범주의 사용자를 위해 여러 버전이 생성되었습니다. 그 중 하나가 호출됩니다. Google 크롬 개발자 에디션. 이 버전은 어떤 버전이며 왜 필요한가요? 이에 대해 그리고 우리 얘기하자이 자료에.

Chrome의 대체 빌드가 오랫동안 등장했다는 점은 주목할 가치가 있습니다. 이 인기 있는 브라우저는 거의 출시 버전부터 함께 제공됩니다. 그러나 모든 사용자가 대체 옵션에 적합한 것은 아닙니다.

사실 Chrome의 "다른" 빌드는 레이아웃 디자이너, 테스터, 개발자 등 한 분야 또는 다른 분야의 전문가를 대상으로 합니다. 이러한 브라우저는 일반 사용자에게는 적합하지 않습니다. 하지만 우리는 그들에 대해 이야기할 필요가 있습니다.

Chrome에는 어떤 버전이 있나요?

실제로 그다지 많지 않습니다. 그러나 안정적인 것은 단 하나뿐입니다. 이것이 바로 공개적으로 이용 가능한 것입니다. 모든 사용자가 다운로드할 수 있습니다. 그러나 대체 버전도 있습니다. 좀 더 자세히 살펴보겠습니다.

다음은 모두가 좋아하는 Google Chrome 버전입니다. 그러나 이러한 맥락에서 우리는 Developer Edition에 관심이 있습니다. 그러므로 모든 것을 고려해야합니다 주요 특징들자세한 내용은 이 버전을 참조하세요. 그래야만 결론을 내릴 수 있습니다.

개발자 에디션 기능

이것의 핵심특징은 구글 버전 Chrome에서는 개발 도구를 사용할 수 있습니다. 이 웹 브라우저의 확장 기능과 플러그인을 개발하는 사람들에게 유용할 것입니다. 일반 사용자는 이러한 도구에서 길을 잃을 것입니다.

두 번째 기능은 고급 콘솔입니다. 코드를 편집하고 활성화하는 데 사용됩니다. 숨겨진 기능브라우저. 그러나 작업 방법을 알아야 합니다. 팀의 사소한 실수는 매우 끔찍한 결과를 초래할 수 있습니다.

또 다른 "트릭"은 다음으로 마이그레이션된 모든 최신 혁신이 존재한다는 것입니다. 이 버전카나리아 출신. 덕분에 개발자는 새로운 웹 브라우저 기능에 맞춰 확장 기능을 최적화할 수 있습니다.

빈번한 업데이트– Developer Edition의 또 다른 특징입니다. 불규칙적으로 오지만 늦어도 2주에 한 번 정도는 오지 않습니다. 경우에 따라 업데이트가 2일 이내에 도착할 수도 있습니다. 이는 웹 브라우저의 새로운 기능을 테스트하는 사람들에게 편리합니다.

결론

위에서 우리는 어떤 버전의 Google Chrome이 있는지에 대해 이야기하고 개발자를 위한 빌드에 대해 자세히 논의했습니다. 이제 이 버전은 도구 세트와 고급 콘솔로 구별된다는 것이 분명해졌습니다.

일반 사용자는 Developer Edition을 전혀 설치할 필요가 없다는 점은 주목할 가치가 있습니다. 이것에는 의미가 없습니다. 게다가 이 어셈블리는 특별히 안정적이지 않습니다. 개발자가 아니라면 Stable을 사용하는 것이 좋습니다.

엄청나게 많은 무료 확장 프로그램이 있습니다. 구글 브라우저당신의 삶을 더욱 편리하게 만들어주는 Chrome입니다. 다음은 최고 20가지입니다.

이 기사에서는 다양한 목적을 위한 최고의 Google Chrome 확장 프로그램을 소개합니다. 하지만 각 확장 프로그램은 작업을 더 쉽게 만들도록 설계되었습니다.

Firefox는 오랫동안 맞춤설정과 다양한 확장 기능으로 유명해졌지만 Google Chrome도 지난 몇 년 동안 웹 디자이너와 개발자들 사이에서 많은 인기를 얻었습니다. 그 이유 중 하나는 속도와 내장된 개발자 도구 때문입니다.

이제 매일 확장되는 Chrome 확장 프로그램 컬렉션이 개발됨에 따라 많은 웹 개발자와 디자이너가 이 브라우저를 선택하는 이유가 바로 이것입니다.

이에 대해 더 알고 싶으십니까? 우리 목록을 확인해보세요.

01. 크롬용 아이매크로

Chrome용 iMacros 확장 프로그램을 사용하면 작업을 기록하고 저장할 수 있습니다.

웹 개발자는 웹 페이지를 감사해야 할 수도 있습니다. 같은 일을 계속 반복하는 것은 지루한 과정이 될 수 있습니다. iMacros는 작업을 한 번만 수행하면 작업을 기록하고 저장할 수 있는 편리한 Chrome 확장 프로그램입니다.

그런 다음 버튼을 클릭하여 단계를 반복하면서 페이지를 계속해서 확인할 수 있습니다. 이를 통해 귀중한 시간을 절약하고 더 중요한 문제에 집중할 수 있습니다.

02. 폰트 놀이터

Font Playground를 사용하면 라이브 웹 페이지에서 로컬 글꼴을 실험할 수 있습니다.

모든 디자이너와 개발자는 이 확장 프로그램에서 많은 유용한 기능을 찾을 수 있습니다. Font Playground를 사용하면 페이지 자체를 변경하지 않고도 활성 웹 페이지에서 로컬 글꼴과 모든 Google 글꼴 라이브러리를 실험할 수 있습니다.

이 확장 프로그램의 좋은 점은 가능한 모든 글꼴 크기, 스타일 및 효과가 포함되어 있다는 것입니다. 코드를 실제로 변경하기 전에 먼저 다양한 글꼴 옵션을 시각화할 수 있습니다.

03. 어떤 글꼴

그들은 어떤 글꼴을 사용합니까? What Font Chrome 확장 프로그램이 이를 보여줄 수 있습니다!

Google Chrome의 매우 유용한 확장 기능인 What Font를 사용하면 개발자와 디자이너가 웹 페이지에서 어떤 글꼴이 사용되고 있는지 결정할 수 있습니다.

따라서 온라인 어딘가에서 환상적으로 보이는 글꼴을 발견하고 이를 향후 프로젝트 중 하나에 사용하고 싶다면 해당 글꼴 위로 마우스를 가져가기만 하면 그것이 무엇인지 즉시 알 수 있습니다.

04. 이슬로우

YSlow는 무엇이 페이지 속도를 늦추는지 알려줄 것입니다.

이 도구를 사용하면 웹 페이지가 얼마나 빨리 로드되는지 확인할 수 있을 뿐만 아니라 속도를 늦추는 요소가 있는지도 보여줍니다.

YSlow는 Yahoo 팀이 개발한 34개의 성능 규칙 중 23개에 대해 웹 페이지를 테스트합니다. 이는 극히 유용한 도구웹페이지를 분석하여 성능을 최적화하는 방법도 제안합니다.

05. 웹 개발자

Chrome 웹 개발자 확장 프로그램은 개발자에게 유용한 여러 도구를 제공합니다.

웹 개발자라면 이 확장 프로그램 없이 지금까지 어떻게 관리했는지 스스로에게 물어볼 수 있습니다. 웹 개발자를 위한 많은 유용한 도구에 Chrome 액세스를 제공하는 도구 모음 버튼을 추가합니다.

이것 공식 버전 Firefox용으로 개발된 웹 개발자 확장입니다.

06. 웹 개발자 체크리스트

이 편리한 Chrome 도구의 성능 문제를 해결합니다.

이 도구를 사용하면 페이지의 SEO 준수 여부, 사용성 준수 여부는 물론 가시성 및 성능(페이지 로딩 속도)까지 모든 것을 확인할 수 있습니다.

예를 들어 H1 태그를 놓쳤거나 페이지에 메타 제목이나 메타 설명이 누락된 경우 웹 개발자 체크리스트 확장이 이를 알려줍니다.

이 문제를 신속하게 해결할 수 있습니다. 링크를 클릭하시면 " 더 많은 정보와 도움» 확장 프로그램 하단에서 더 자세한 목록을 확인할 수 있습니다.

07. DevTools 자동 저장

페이지 소스 파일(CSS 및 JS)에 대한 변경 사항을 자동으로 저장합니다.

모든 개발자를 위한 진정한 보물인 DevTools 자동 저장을 사용하면 Chrome 개발자 도구 환경을 통해 페이지의 CSS 및 JS 소스 파일에 대한 모든 변경 사항을 자동으로 저장할 수 있습니다. 확장 프로그램은 설치 및 사용이 쉽고 많은 시간을 절약해 줍니다.

08. 인스턴트 와이어프레임

웹 페이지의 와이어프레임을 볼 수 있습니다.

단 한 번의 클릭으로 모든 웹 페이지의 와이어프레임 보기를 연결합니다. 이 Google Chrome 확장 프로그램은 웹 개발자와 디자이너가 로컬 또는 온라인에 게시된 웹 페이지를 와이어프레임 오버레이로 볼 수 있도록 도와줍니다.

09. 리플 에뮬레이터

Ripple Emulator는 웹 페이지 디버깅, DOM 검사 및 자동화된 테스트에 도움이 됩니다.

Ripple Emulator는 웹 애플리케이션을 테스트하는 데 도움이 되는 다중 플랫폼 모바일 환경 에뮬레이터입니다. 다양한 장치그리고 화면 해상도.

Ripple Emulator 확장은 디버깅, DOM 검사 및 자동화 테스트를 위한 기존 개발 도구와 함께 사용할 수 있습니다.

10. 연속

하나의 티켓으로 이메일 대화를 추적하고 작업을 할당합니다.

Streak는 주요 CRM 및 지원 도구입니다. 이메일지메일.

확장 기능을 사용하면 모든 이메일 상자를 하나로 결합하거나 메시지 교환 추적을 하나의 티켓으로 구성하고 작업을 할당하여 상대방과의 통신 프로세스를 개인적으로 관리하거나 다른 사람에게 이에 대한 액세스를 제공할 수 있습니다.

11. 스택오버플로우 검색

반드시 사용해야 하는 확장 기능으로 질문에 대한 빠른 답변을 얻으세요.

웹 개발자라면 많은 개발자들이 웹 프로젝트 개발과 관련된 다양한 질문을 하기 위해 찾는 곳인 Stack Overflow에 대해 들어보셨을 것입니다. 그렇지 않다면 반드시 그를 알아야 합니다. C# 및 Java부터 PHP 및 JQuery에 이르기까지 광범위한 주제를 다루는 진정으로 번창하는 커뮤니티입니다.

이 환상적인 확장 기능은 브라우저에 직접 검색 상자를 추가하고 Stack Overflow의 방대한 리소스를 활용할 수 있게 해줍니다. 꼭 사용해야 하는 확장 프로그램!

12. PHP 닌자 매뉴얼

브라우저에 있는 PHP 5.5에 대한 모든 문서.

모든 기능을 기억하는 것은 정말 어렵습니다. 따라서 과거에 Google을 통해 특정 PHP 기능을 검색하는 데 많은 시간을 소비했다면 이 확장 프로그램이 확실히 여러분의 관심을 끌 것입니다. PHP 닌자 매뉴얼 제공

PHP 5.5에 대한 모든 문서를 얻을 수 있습니다. 구체적인 예귀하의 브라우저에서 8개 언어로.

13. 퍼펙트픽셀

이 확장 프로그램은 사이트의 모든 픽셀이 디자인과 일치하는지 확인하는 데 도움이 됩니다.

디자이너는 멋진 디자인을 만들어냈지만 이를 코드로 변환한 후 뭔가 원래 디자인과 일치하지 않는 상황을 싫어합니다. Perfect Pixel 프로세서는 정확한 디자인의 사이트를 만들기 위해 노력하는 웹 개발자를 위한 진정한 확장 프로그램입니다.

이 사용하기 쉬운 확장 기능을 사용하면 웹 페이지 위에 반투명 이미지 오버레이를 배치하고 픽셀 단위 일치 검사를 수행하여 100% 일치를 확인할 수 있습니다.

14. 코드 콜라

웹페이지 CSS를 제자리에서 편집할 수 있습니다.

이 도구를 사용하면 작업 중인 소스 코드를 볼 수 있을 뿐만 아니라 CSS 편집기로도 사용할 수 있습니다. 이는 즉석에서 웹페이지의 CSS 스타일을 편집하고 변경 결과를 즉시 확인할 수 있다는 것을 의미합니다.

15. 크롬 스니퍼

웹 애플리케이션 및 JavaScript 라이브러리 검사.

이 확장을 통해 웹 개발자는 웹 애플리케이션은 물론 특정 프로젝트에 연결된 JavaScript 라이브러리를 검사하고 식별할 수 있습니다. 확장 기능은 최대한 간단하게 작동합니다. 사용된 프레임워크 또는 CMS의 버전을 나타내는 아이콘이 주소 표시줄에 나타납니다.

16. 사용자 에이전트 전환기

사이트가 다양한 기기에서 어떻게 보이는지 확인하세요.

웹사이트가 어떻게 보이는지 확인할 수 있는 훌륭한 도구 다양한 방식 iPad, iPhone 또는 Android 장치와 같은 장치. 이는 또한 검색 엔진이 사이트를 보는 방식으로 사이트를 보는 측면에서 매우 유용할 수 있습니다.

Google Chrome에 대해 무엇을 들었든 상관없이 우리 얘기 중이야웹 디자인 및 개발에 있어서 Firefox는 여전히 친숙한 개발 환경을 갖춘 최고의 브라우저입니다.

도대체 Firefox에는 웹 개발자만을 위해 만들어진 특별 버전의 브라우저도 있습니다. 이것이 바로 Mozilla가 웹 디자이너와 개발자에 대해 얼마나 관심을 갖고 있는지입니다.

Firefox에는 또한 효과를 극대화하기 위해 브라우저를 더욱 강력하게 만드는 다양한 확장 기능 모음이 있습니다. 다음은 웹 개발 생활을 더 쉽게 만드는 데 사용할 수 있는 최고의 Firefox 확장 기능 중 일부입니다.

이러한 확장 기능의 대부분을 설치, 테스트 및 사용하십시오. 결국, 그들은 모두 무료로 사용할 수 있습니다!

기능: 웹페이지를 검사합니다.

Firebug는 웹 디자이너와 개발자에게 없이는 살 수 없는 확장 기능입니다. 이 확장은 Firefox와 함께 제공되는 통합 개발자 콘솔의 향상된 버전과 같습니다. Firebug를 사용하면 웹 페이지의 요소를 훨씬 쉽게 검사하고 여러 사이트에서 작업이 어떻게 작동하는지 확인할 수 있습니다.

적합 대상: 웹 개발자
하는 일: Firefox용 클라이언트

FireFTP는 Firefox용 FTP/SFTP 클라이언트로, 브라우저에서 직접 컴퓨터와 서버 간에 파일을 안전하게 업로드하고 전송할 수 있습니다. 이 추가 기능을 사용하면 브라우저와 FTP 클라이언트 앱 사이를 다시 이동할 필요가 없습니다.

적합 대상: 웹 개발자 및 디자이너
하는 일: 웹페이지 분석 및 확인

Firefox에 여러 가지 유용한 도구를 추가하는 올인원 확장 프로그램입니다. 이 애드온에 포함된 도구 중 일부는 CSS 스타일 시트 표시 및 편집, 스타일 비활성화, 디버깅 도구 등입니다.

기능: 색상 분석 도구

ColorZilla는 프런트엔드 웹 디자이너에게 매우 유용할 훌륭한 도구입니다. 이 애드온에는 웹 페이지에서 색상을 빠르게 선택할 수 있는 스포이드, CSS 그라데이션 생성기, 색상 분석기, 색상 팔레트 등이 있습니다.

적합 대상: 웹 개발자
기능: 사용자 정의 코드로 웹사이트 수정

백만 명 이상의 Firefox 사용자에게 사랑받는 Greasemonkey는 끝없는 즐거움을 선사할 확장 프로그램입니다. 이 추가 기능을 사용하면 자신만의 JavaScript 코드를 사용하여 인기 있는 웹사이트를 편집하여 맞춤 설정할 수 있습니다. 다른 개발자가 이미 만든 스크립트도 즐길 수 있습니다.

최적의 대상: 인터페이스 디자이너
기능: 웹 요소의 오프셋을 조정합니다.

웹 요소를 검사하고 요소에서 얼마나 많은 픽셀이 떨어져 있는지 시각적으로 확인하여 투명한 레이어로 컴포지션을 생성할 수 있는 간단하지만 유용한 플러그인입니다. 이 구성을 사용하면 추측 없이 최상의 결과를 위해 오버레이와 일치하도록 실제 웹 페이지를 설정할 수 있습니다.

예를 들어 웹 페이지의 이미지 중 하나가 다른 개체와 겹치는 경우 Pixel Perfect를 사용하여 해당 이미지를 올바른 위치에 가져오기 위해 조정해야 하는 픽셀 수를 결정할 수 있습니다.

적합 대상: 웹 디자이너
기능: 웹 페이지의 모든 내용을 로드합니다.

이 플러그인은 웹 페이지에서 모든 것을 다운로드할 수 있도록 하여 그 이름에 걸맞게 작동합니다. 한 번의 클릭으로 이 확장 프로그램을 사용하여 웹 페이지에 포함된 모든 이미지, 링크 및 기타 데이터를 다운로드할 수 있습니다. 이 애드온에는 다운로드 속도를 4배까지 최적화하는 다운로드 가속기가 내장되어 있습니다.

최적의 대상: 인터페이스 디자이너
기능: Internet Explorer에서 웹페이지 확인

믿거나 말거나, 아직도 오래된 것을 사용하는 사람들이 있습니다 인터넷 버전인터넷에 접속하기 위한 익스플로러. 이러한 오래된 브라우저에서 잘 작동하는 사이트를 만드는 것은 웹 디자이너가 여전히 어려움을 겪고 있는 문제 중 하나입니다. 이 플러그인을 사용하면 이전 버전에 맞게 웹 디자인을 쉽게 사용자 정의할 수 있습니다. 인터넷 브라우저탐색기, IE에서 새 탭을 생성합니다.

적합 대상: 웹 디자이너 및 개발자
기능: 웹사이트에서 사용되는 기술에 대해 보여줍니다.

좋아하는 웹사이트를 만드는 데 어떤 기술이 사용되었는지 궁금하십니까? 그렇다면 이 추가 기능이 유용할 것입니다. BuildWith는 웹사이트를 스캔하여 해당 페이지에 어떤 기술이 사용되었는지 찾아볼 수 있는 확장 프로그램입니다. 웹 디자이너 지망생 모두가 기성 웹사이트에서 배울 수 있는 훌륭한 도구입니다.

적합 대상: 웹 개발자
기능: Java를 켜거나 끕니다.

이 추가 기능을 사용하면 브라우저에서 Java를 쉽게 활성화하거나 비활성화할 수 있습니다. 또한 웹페이지에서 Javascript, 쿠키, 애니메이션 이미지, Flash 등을 비활성화할 수도 있습니다. 개발자뿐만 아니라 개발자에게도 유용한 플러그인입니다. 일반 사용자브라우저 보안을 향상하고 대역폭을 줄입니다.

최적의 대상: 인터페이스 디자이너
기능: 요소를 픽셀 단위로 측정합니다.

이 추가 기능의 기능은 간단합니다. 웹 페이지 상단이나 페이지 요소에 가상 눈금자를 그려 웹 페이지 요소의 너비, 높이 또는 픽셀 정렬을 측정할 수 있습니다. MeasureIt은 대부분의 프런트 엔드 개발자가 와이어프레임을 만드는 데 유용합니다.

적합 대상: 웹 디자이너
기능: 브라우저에서 언어를 전환합니다.

이것은 Firefox를 다른 언어로 즉시 번역하는 유용한 도구입니다. 다음을 포함하여 브라우저의 모든 것 사용자 인터페이스, 맞춤법 검사 사전 및 웹사이트 콘텐츠가 선택한 언어로 번역됩니다. 다국어 웹사이트를 개발할 때 사용할 수 있는 훌륭한 기능입니다.

최적의 대상: 인터페이스 디자이너
기능: 더미 텍스트 생성

새로운 웹 사이트 모형과 프로토타입을 위한 더미 텍스트를 만드는 것은 디자이너 한 명이라도 즐겁게 할 수 없는 지루한 작업입니다. 이 확장 기능을 사용하면 Firefox에서 직접 Lorem Ipsum 더미 텍스트를 생성할 수 있으므로 프로세스가 덜 지루해집니다.

적합 대상: 웹 개발자
하는 일: 쿠키를 편집하고 생성합니다.

이 추가 기능은 사이트의 쿠키를 관리할 뿐만 아니라 새 파일을 쉽게 편집하고 생성할 수 있게 해줍니다. 플러그인 기능 중 일부에는 인라인 브라우징이 포함됩니다. 쿠키, 도메인 변경 기능, 여러 쿠키를 한 번에 편집하는 기능 등이 있습니다.

최적의 대상: 인터페이스 디자이너
기능: 웹 페이지에서 색상을 선택합니다.

웹 페이지의 모든 픽셀 색상을 선택하고 RGB 또는 Hex 색상 코드를 쉽게 복사하여 자신의 프로젝트에 사용할 수 있는 사용하기 쉬운 도구입니다. 이 도구의 아름다움과 시각적 인터페이스를 통해 초보자는 웹 페이지의 색상을 훨씬 쉽게 배울 수 있습니다.

적합 대상: 웹 디자이너 및 개발자
기능: 웹사이트에서 사용하는 소프트웨어에 대한 정보를 제공합니다.

BuildWith 추가 기능과 유사하게 Wappalyzer는 무엇을 찾을 수 있는지 알아낼 수 있는 또 다른 유용한 확장입니다. 소프트웨어웹사이트에서 사용됩니다. 예를 들어, 사이트에서 사용하는 CMS 유형, 웹 사이트 서버가 지원하는 운영 체제 등을 확인할 수 있습니다.

적합 대상: 웹 개발자
기능: 브라우저 사용자 에이전트를 변경합니다.

귀하의 웹사이트가 다양한 플랫폼과 운영 체제에서 어떻게 보일지 알고 싶으십니까? 그렇다면 이것은 확실히 당신에게 도움이 될 도구입니다. User-Agent Switcher를 사용하면 Android, Mac, Windows 등 다양한 플랫폼 간을 전환하고 운영 체제를 선택하여 브라우저의 사용자 에이전트를 변경할 수 있습니다.

적합 대상: 웹 디자이너 및 개발자
기능: 브라우저의 메모리 탭을 사용하는 예를 보여줍니다.

이것은 Firefox의 열려 있는 각 탭에서 사용되는 컴퓨터 리소스의 양을 확인하는 데 도움이 되는 편리한 추가 기능입니다. 이 도구를 사용하면 귀하의 사이트가 얼마나 많은 리소스를 사용하고 있는지 확인하고 최대 성능을 위해 사이트를 최적화할 수 있습니다.

적합 대상: 웹 및 그래픽 디자이너
기능: Photoshop에서 이미지를 엽니다.

이 추가 기능은 이름에서 알 수 있듯이 한 번의 클릭으로 웹 페이지에서 찾은 이미지를 엽니다. 포토샵을 사용하여. 이미지를 업로드하거나 Photoshop을 시작할 필요 없이 확장 프로그램이 필요한 모든 작업을 수행합니다.

최적의 대상: 인터페이스 디자이너
기능: HTML 테이블 개선

그래프, 통계, 비교, 표 - 이 추가 기능은 모든 것을 할 수 있습니다. 이 도구를 사용하면 사용자 친화적이고 아름다운 HTML 테이블과 다이어그램을 만들 수 있습니다.

적합 대상: 웹 개발자
기능: Firefox용 SSH 클라이언트

일반적으로 SSH 터미널을 실행하려면 애플리케이션을 설치해야 합니다. 이러한 애플리케이션은 한 가지 차이점이 있습니다. 운영 체제다른 사람에게서. 그러나 FireSSH는 Firefox가 있는 한 모든 플랫폼에서 작동합니다. 확장 기능을 사용하면 브라우저에서 직접 SSH 터미널을 시작할 수 있습니다.

최적의 대상: 인터페이스 디자이너
기능: 웹페이지 자동 새로고침

웹 디자이너가 웹 사이트를 개발할 때 직면하는 성가신 일 중 하나는 코드가 약간 변경될 때마다 웹 페이지를 수동으로 업데이트해야 한다는 것입니다. 자동 새로 고침은 정의한 간격에 따라 Firefox에서 하나 이상의 탭을 자동으로 새로 고칠 수 있도록 하여 이 문제를 해결하는 확장 프로그램입니다.

최적의 대상: 인터페이스 디자이너
기능: 특정 화면 해상도에 맞게 Firefox 창 크기를 조정합니다.

이 추가 기능을 사용하면 특정 해상도에서 Firefox 창 크기를 조정하여 웹사이트가 다른 화면에서 어떻게 보이는지 확인할 수 있습니다. 이 확장 기능이 제대로 작동하려면 Firefox 추가 기능 표시줄을 설치해야 합니다.

적합 대상: 웹 디자이너 및 개발자
기능: 페이지의 글꼴과 해당 요소에 대한 정보를 찾습니다.

글꼴 찾기(Font Finder)는 웹사이트 요소를 검사하여 글꼴을 찾을 수 있는 편리한 도구입니다. 중요한 정보글꼴 모음 이름, 글꼴 색상, 줄 간격, 장식 등과 같이 페이지에 사용된 글꼴에 대한 정보입니다.

최적의 대상: 인터페이스 디자이너
기능: 다양한 브라우저에서 웹페이지를 확인합니다.

이 추가 기능의 기능은 간단합니다. 단 한 번의 클릭으로 다른 브라우저를 사용하여 Firefox에서 보고 있는 모든 웹 페이지를 즉시 열 수 있습니다. URL을 복사할 필요가 없으며 각 브라우저를 하나씩 열고 URL을 붙여넣어 웹사이트를 열 필요가 없습니다.

적합 대상: 웹 디자이너 및 개발자
기능: 브라우저 캐시를 지웁니다.

이 추가 기능은 캐시를 즉시 지웁니다. 파이어폭스 브라우저(RAM 및 DISK)을 사용하여 컴퓨터 리소스 사용을 줄입니다. 확장 프로그램을 사용하면 간단히 버튼을 클릭하거나 키보드의 F9 키를 눌러 캐시를 지울 수 있습니다. 웹 페이지의 변경 사항을 빠르게 확인하고 싶다면 이 추가 기능이 매우 유용할 것입니다.

Google Chrome 브라우저의 인기가 높아짐에 따라 웹 개발자에게 오류 및 사이트 성능 문제를 추적하는 기능을 제공하여 시간을 절약하는 확장 프로그램이 등장하고 있습니다.

다음은 Chrome에 유용한 몇 가지 확장 프로그램입니다.