페이지를 읽기 위한 것이 아니라 만들기 위한 브라우저

Blisk는 Chromium을 바탕으로 한 브라우저이고, 쓰임은 웹 개발과 시험이며 날마다의 탐색이 아니다. 반응형 페이지를 확인하는 데 필요한 장비를 브라우저 안에 넣어 버린 형태다. 백 가지 기기 형상을 갖추고 전화와 태블릿, 노트북, 데스크톱을 덮으며, 시스템으로는 iOS와 Android, iPadOS, macOS, Windows가 들어 있다. Windows와 macOS, Linux에는 공식 판이 있다.

이 선택의 이유는 따라가기 쉽다. 화면에 따라 달라지는 배치를 시험하려면 보통 브라우저 하나, 기기 흉내 묶음 하나, 같은 위치로 움직여 주는 도구 하나, 저장하면 새로 고치는 도구 하나가 필요하고 저마다 방식이 다르다. 그것을 한 창에 모아도 할 수 있는 일이 늘어나는 것은 아니다. 하루에 백 번 네 도구 사이를 오가는 비용이 사라지는 것이다.

나란히 보고, 함께 움직인다

중심이 되는 화면은 한 쌍이다. 데스크톱 화면과 전화 화면을 나란히 두고 같은 원본을 같은 순간에 양쪽에 보여 준다. 더 쓸모 있는 것은 같은 움직임이다. 기기들이 서로의 주소와 스크롤 위치를 따라가므로, 한쪽에서 내리면 다른 쪽도 그 자리로 온다. 다른 창에서 같은 지점을 다시 찾지 않아도 된다.

기기 묶음은 저장해 다시 쓰고 동료와 나눌 수 있어서, 아침마다 같은 다섯 기기를 다시 배치하던 일이 사라진다. 기기마다 개발 도구를 따로 열어 오류를 쫓고 속도를 잴 수 있으므로, 좁은 화면에서 발견한 문제는 좁은 화면에서 그대로 살핀다. 짐작할 필요가 없다.

저장하면 새로 고치고, 오류는 그 자리에서

자동 새로 고침은 원본을 지켜본다. 변경을 저장하면 페이지가 스스로 갱신되고, 스타일 묶음은 페이지 전체를 다시 읽지 않고 뒤따라 바뀌게 할 수 있다. 어떤 파일 형식과 어떤 폴더가 새로 고침을 부르는지 분명히 정할 수 있고, 묶거나 미리 처리하는 단계가 있는 프로젝트에서는 지연을 두어 새로 고침이 빌드를 기다리게 할 수 있다.

안에 든 감시는 스크립트 오류와 불러오지 못한 자원을 일어나는 그 순간에 알린다. 문제가 난 기기 위에서 알린다. 그때 알면 잘못된 참조는 2분짜리 일이다. 오후가 끝날 무렵 발견하면 열 몇 개의 변경을 뒤지는 일이 된다.

화면 사본, 녹화, 그리고 조건 흉내

화면 사본과 녹화는 저절로 올라가서 동료에게 나누거나 문제 보고에 붙일 수 있다. 파일 관리자를 거칠 필요가 없고, 사본에는 중요한 곳을 표시하는 작은 편집기가 붙는다. 조건 시험으로는 중간이나 느린 망을 흉내 내고, 어두운 테마로 바꾸고, 터치 사건을 보내고, 방향을 바꾸고, 기기를 실제 크기로 보여 줄 수 있다.

명령 줄이나 터미널에서 기기와 주소, 방향을 미리 정해 띄울 수도 있고, 다른 브라우저에서 링크로 불러낼 수도 있다. 이용 방식은 무료 시험 뒤 유료 이용이고, 지금 판은 25.0.115.28, 이것이 현재의 기준이며 자세한 조건은 만드는 쪽 설명에서 보는 편이 정확하다.

누가 실제로 쓰는가

매일 넓은 화면과 좁은 화면을 오가며 확인하는 사람에게는 나란한 화면과 같은 스크롤이 가장 먼저 손에 익는다. 고치고 나서 다른 창에서 같은 대목을 찾는 동작이 사라지기 때문이다. 기기 묶음을 동료와 나누고 같은 모양을 함께 보고 싶은 사람에게는 매번 기기를 다시 배치하던 시간이 줄어든다. 화면 사본이나 녹화를 문제 보고에 붙이는 사람에게는 쓸데없는 단계가 하나 줄어든다.

반응형 페이지를 만들 때 가장 시간이 드는 것은 변경이 아직 머리에 뜨거울 때 실제 기기에서 결과를 확인하는 일이다. Blisk는 그것을 한 창으로 압축한다. 나란한 화면과 같은 스크롤, 저장하면 새로 고침이 겹치면 아끼는 시간은 실제다. 이용료를 낼 값이 있는지는 시험판으로 프로젝트 하나를 돌려 본 뒤 정하는 편이 좋다.