웹 작업을 하다보면 내가 한 웹이 화면에 제대로 표시되고 있는지 보고싶다.
여러가지 방법이 있다. 그냥 밖에 나가서 브라우저로 띄우는 방법.
고전적이지만 나쁘지 않기는 개뿔이고 나쁘다.
vscode를 사용하고 있다면 Open In Browser라는 아주 좋은 플러그인이 존재한다.
이 플러그인을 설치해서 쉽게 사용해보자.
보기->확장 을 눌러준다.
그 다음 open in browser를 검색한다.
페이지가 뜨는데 영어로 정리 잘되어 있다.
다만 예제는 중국페이지로 되어있는데 뭐 상관없다.
설치하고 리로드해준다.
사용하는 방법은 간단한데 우클릭하면 Open In Default Browser나 Open In Other Browsers를 눌러주면된다.
단축키는 alt(option)+B이다.
그러면 바로 이렇게 뜨게된다.
다만 아쉬운 점이라면 디폴트 브라우저가 필자의 경우 맥이므로 사파리이고 윈도우의 경우 엣지일 것이다.
그런데 보통은 크롬에서 테스트하기 때문에 크롬에서 테스트하는 것이 좋다.
그래서 디폴트 설정을 바꿔보자.
Code->기본 설정->설정을 눌러준다.
윈도우의 경우 File->기본 설정->설정이다.
그러면 Settings탭이 나오는데 우측에 코드 블럭버튼을 눌러준다.
그러면 User Settings탭이 새로생긴다.
우측 화면에 코드를 직접 입력하면 되는데
"open-in-browser.default": "chrome"을 입력하면 원하는 브라우저가 디폴트로 바뀌게된다.
필자는 개략적으로만 설명해주므로 플러그인에 대한 자세한 정보를 알고 싶다면 이 공식 홈페이지를 참조하자.