Вы веб-разработчик?
Если да, могу поспорить, что вы, вероятно, работаете в одном из следующих браузеров: Chrome, Opera, Firefox, Edge, Brave или Safari.

В конце концов, все сводится к трем большим браузерам:
• на основе Chromium
• Safari
• Firefox

Несмотря на то, что я в настоящее время довольно счастливый пользователь Firefox, рыночная доля этого браузера приближается к нулю, и в конечном итоге кажется, что браузер умирает. Они даже решили закрыть тикет по поводу варианта установки PWA, не планируя продолжения.

Помимо нытья, многие потребители эффективно используют Safari на настольных компьютерах и особенно на мобильных устройствах. (ср. statcounter или Can I Use)

Итак, как нам, веб-разработчикам, тестировать Safari, не чувствуя себя некомфортно? В прошлом у меня была работа, на которой я мог использовать локальный MacBook или платные сервисы, такие как стек браузера. Мне было обременительно работать на macOS, в основном потому, что я не привык к этому, а мои периферийные устройства были где-то в другом месте. И даже если у вас на рабочем месте будет macOS, учитывая тот факт, что большинство из нас сейчас работают из дома, это уже не вариант.

🤝 Решение

Вы слышали о Драматурге?
– Если ваш ответ нет, позвольте мне сказать вам, что Playwright — это библиотека Node.js для автоматизации Chromium, Firefox и WebKit с помощью единого API. На самом деле API очень похож на Puppeteer, потому что двое разработчиков перешли с Puppeteer на Playwright. (ср. Вклады кукловодов и Вклады драматургов)
— если ваш ответ да и если вы еще не используете Safari для целей тестирования как пользователь Windows или Linux, то поздравляю, вы такой же, как я 🤡.

Решение было прямо перед нами, и я рад поделиться небольшим фрагментом, чтобы запустить браузер, чтобы мы все могли создавать лучшие приложения 🚀

// 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
Если вы не хотите запускать файл .js каждый раз, когда хотите использовать Safari, выполните следующие действия:
• Выполните скрипт
• Откройте диспетчер задач, перейдите на вкладку Подробности, щелкните правой кнопкой мыши Playwright.exe и выберите Открыть расположение файла.
• Щелкните правой кнопкой мыши Playwright.exe в папке и нажмите Создать. ярлык'
• (необязательно) скачать иконку Safari из википедии, преобразовать ее в иконку, сохранить в папке, нажать правой кнопкой мыши на ярлык, свойства Изменить иконку и выбрать .ico.
• Щелкните правой кнопкой мыши ярлык и выберите Закрепить на начальном экране.