당신은 웹 개발자입니까?
그렇다면 아마도 Chrome, Opera, Firefox, Edge, Brave 또는 Safari와 같은 브라우저 중 하나에서 개발 중일 것입니다.

결국 3대 브라우저로 귀결됩니다.

크롬 기반

사파리

파이어폭스

나는 현재 일종의 행복한 Firefox 사용자이지만 브라우저의 시장 점유율은 0에 수렴하고 있으며 궁극적으로 브라우저가 죽어가는 것처럼 보입니다. 그들은 계속할 계획없이 install option for PWA에 대한 티켓을 닫기로 결정했습니다.

잔소리 외에도 많은 소비자가 데스크탑, 특히 모바일에서 Safari를 효과적으로 사용하고 있습니다. (cf. statcounter 또는 Can I Use )

그렇다면 불편함 없이 Safari에서 웹 개발자 테스트를 수행하려면 어떻게 해야 할까요? 과거에는 로컬 MacBook이나 브라우저 스택과 같은 유료 서비스를 사용할 수 있는 직업이 있었습니다. 익숙하지 않은 환경과 주변기기가 다른 곳에 있었기 때문에 macOS에서 작업하는 것이 부담스러웠습니다. 직장에 macOS가 있더라도 지금 우리 대부분이 집에서 일하고 있다는 사실을 감안할 때 이것은 더 이상 선택 사항이 아닙니다.

🤝 솔루션

Playwright?에 대해 들어보셨나요?
대답이 '아니오'라면 Playwright는 단일 API로 Chromium, Firefox 및 WebKit을 자동화하는 Node.js 라이브러리임을 알려드립니다. 실제로 두 명의 개발자가 Puppeteer에서 Playwright로 이동했기 때문에 API는 Puppeteer와 매우 유사합니다. (cf. Puppeteer Contributions 대 Playwright Contributions )
귀하의 대답이 예이고 Windows 또는 Linux 사용자로서 테스트 목적으로 아직 Safari를 사용하지 않는다면 축하합니다. 귀하는 저와 같습니다 🤡.

해결책은 바로 우리 앞에 있었고 우리 모두가 더 나은 애플리케이션을 만들 수 있도록 브라우저를 시작하기 위한 작은 스니펫을 공유하게 되어 기쁩니다 🚀

// unflagged top-level await from Node 14.8.0+
import { webkit } from "playwright";
const browser = await webkit.launch({ headless: false });
const context = await browser.newContext();
const page = await context.newPage();
await page.goto("https://www.whatismybrowser.com/");

다른 내용은 공식 극작가 문서를 참조하세요.

🖼 Windows의 추가 개선 사항

Safari를 사용할 때마다 .js 파일을 실행하지 않으려면 다음 단계를 따르십시오.

스크립트 실행

작업 관리자를 열고 '자세히' 탭으로 이동한 다음 Playwright.exe를 마우스 오른쪽 버튼으로 클릭하고 '파일 위치 열기'를 선택합니다.

폴더에서 Playwright.exe를 마우스 오른쪽 버튼으로 클릭하고 '바로가기 만들기'를 클릭합니다.

(선택 사항) wikipedia에서 Safari 아이콘을 다운로드하여 아이콘으로 변환하고 폴더에 저장한 다음 바로 가기, 속성 '아이콘 변경'을 마우스 오른쪽 버튼으로 클릭하고 .ico를 선택합니다.

바로 가기를 마우스 오른쪽 버튼으로 클릭하고 '시작에 고정'을 선택합니다.