school Are you a developer in an agency in the UK, Indonesia or India? Find out more about our free 2 day Progressive Web Apps training .

브라우저 확장 프로그램 설치

일반적으로 데스크톱 브라우저는 바로 사용할 수 있는 일련의 개발자 도구를 함께 제공합니다. 이를 확장하고 여기에 각자의 브라우저에 맞는 확장 프로그램이나 플러그인을 추가할 수 있습니다.

다음은 디자인을 디버그하는 데 유용한 몇 가지 기능을 보유한 두 가지 Chrome 확장 프로그램입니다.

Emmet Re:View

Emmet Re:View는 각각의 미디어 쿼리에서 사이트가 어떤 모양으로 보이는지 간편하게 확인하고 모든 페이지의 스크롤을 동기화할 수 있게 해주는 도구입니다. 해당 사이트에서 이 프로그램의 데모를 볼 수 있습니다.

Chrome 웹 스토어에서 다운로드

Emmet Review 확장 프로그램의 스크린샷

What Font?

우리가 정기적으로 사용하는 마지막 확장 프로그램은 What Font?입니다. 이 Chrome 확장 프로그램을 사용하면 현재 페이지에서 사용 중인 글꼴의 이름을 알 수 있습니다. 각종 웹 글꼴 문제를 디버그할 때 정말 편리합니다.

Chrome 웹 스토어에서 다운로드

What Font Chrome 확장 프로그램의 스크린샷