Register for this year’s #ChromeDevSummit happening on Nov. 11-12 in San Francisco to learn about the latest features and tools coming to the Web. Request an invite on the Chrome Dev Summit 2019 website

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

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

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

Emmet Re:View

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

Chrome 웹 스토어에서 다운로드

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

What Font?

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

Chrome 웹 스토어에서 다운로드

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