가을별 블로그

윈도우즈에서 최신 웹키트 사용하기

요즘 널리 쓰이는 웹 브라우저라 하면 Gecko엔진을 사용하는 Firefox, Blink엔진을 사용하는 Chrome(및 Chromium 계열 브라우저), 그리고 Webkit엔진을 사용하는 Safari가 있다. 앞의 두 브라우저와 달리 사파리는 버전 5 이후로 윈도우즈용 버전을 더 이상 제공하지 않는다. 하지만 WebKit엔진 자체는 현재도 윈도우즈를 지원하고 있으며, 빌드봇도 매일 돌아가고있다.

이 글에선 윈도우즈에서 최신 Webkit을 쓸 수 있는 두 가지 방법을 소개한다.

방법 1. Playwright을 쓰기

제일 간편한 방법이다. Playwright에선 Gecko, Blink, Webkit엔진을 모두 지원한다. Node.js의 npm을 사용하여 설치할 수 있으며, 설치 후 npx playwright wk https://example.net 을 실행하면 Webkit엔진으로 된 미니 브라우저가 실행된다.

방법 2. 수동으로 내려받아 설치하기

윈도우즈용 WebKit은 AppleWin과 WinCairo 두 가지 포트가 있는데, AppleWin의 경우 iTunes를 추가로 설치해야하기 때문에 여기선 WinCairo 포트를 설치하는 방법1을 소개한다.

참고로 WebKit과 WebKitRequirements 두 가지를 다 내려받아야 한다.

WebKit 내려받기

  1. WebKit 빌드서버 에 접속하면 Builds 아래에 빌드 목록이 있다. 성공한 빌드 항목 옆에 빌드# 번호를 누른다.
  2. Build steps 중에 "transfer-to-s3" 항목이 있다. 이를 펼치면 빌드봇이 빌드한 파일을 아마존 S3에 올리는 동안 출력한 로그메시지가 나타나는데, 이 중 "S3 URL:" 옆에 있는 .zip파일의 URL을 복사해서 내려받는다.

WebKitRequirements 내려받기

  1. 위에서 내려받은 zip파일을 풀면 그 안에 "WebKitRequirementsWin64.zip.config" 파일이 들어있다. 이 파일엔 위에서 내려받은 WebKit에 알맞는 WebKitRequirements 파일의 버전이 들어있다. tag_name의 값을 주목하자.
  2. WebKitRequirements의 Release 페이지에 들어간 뒤, 위 과정에서 알아낸 버전에 해당하는 릴리즈를 찾아서 "WebKitRequirementsWin64.zip"를 내려받는다. 가령 tag_namev2023.12.06라 되어있다면 https://github.com/WebKitForWindows/WebKitRequirements/releases/tag/v2023.12.06 에서 내려받으면 된다.

마무리

  1. 위에서 내려받은 WebKit과 WebKitRequirements를 같은 디렉토리에 압축해제한다.
  2. bin64/MiniBrowser.exe를 열면 투박한 UI와 함께 WebKit이 실행된다.

차이점

Playwright을 통해 설치한 Webkit과 빌드봇에서 가져온 Webkit 사이엔 약간 차이점이 있더라. 내가 발견한 차이점은,

참고 링크

  1. (이전에 내 트위터(X)에서 소개한 적 있는 방법이다. 다만, 요즘 트위터는 로그인하지 않으면 트윗을 보기 불편하고, URL도 당시와 달라졌기에 이를 반영하여 적는다.)

#web