Как протестировать верстку для Сафари на Виндовс?
Здравствуйте.Как протестировать верстку для Сафари на Виндовс? Заказчик говорит что на Сафари поломалась верстка а Apple нет. Как быть ?
Спасибо.
-
Вопрос задан
-
5188 просмотров
Есть же сервисы давным-давно — browserstack.com да и просто купить VPS с OS X можно, там и Safari будет, и симулятор iOS, и все, что есть на OS X.
Еще имеет смысл установить себе старый Safari, который был для Windows, но на него не стоит рассчитывать, в нем уж слишком многое не работает.
Пригласить эксперта
-
Показать ещё
Загружается…
09 окт. 2023, в 17:25
2000 руб./за проект
09 окт. 2023, в 17:19
1000 руб./за проект
09 окт. 2023, в 16:48
500 руб./в час
Минуточку внимания
Описание
Если не покупать макбук, то самое эффективное решение это поставить эмулятор macOS. Для отладки js и проверки верстки в Сафари этого будет более чем достаточно.
Далеко не у всех есть макбук, особенно на первых шагах обучения и практики, но рано или поздно стает вопрос, а как проверить верстку в Safari из по Windows? В целом без MacOS вы особо не развернетесь, есть различные онлайн сервисы, но в основном платные, а информации они особо не предоставляют, обычно это скриншоты с разных устройств и это гадание по фотографии, ну такое…
Так что же делать?
Если не покупать макбук, то самое эффективное решение это поставить эмулятор macOS. Для отладки js и проверки верстки в Сафари этого будет более чем достаточно. На самом деле поставить эмулятор, да так чтобы он еще адекватно работал, не так то и просто. Недавно я решил поставить на новый ноутбук эмулятор macOS последних версий и много раз об этом пожалел, я переставил кучу версий, но сафари в них работает просто ужасно, половину сайтов даже не открывает и судя по комментариям эта проблема глобальна. В общем я вернулся к проверенной macOS High Sierra.
А теперь по пунктам:
1. Вам необходимо скачать и установить VMware Workstation, это эмулятор, он платный, где и как вы его будете качать решайте сами
2. Вам нужен VMware Unlocker, я использовал этот. Unlocker — это такая штука, которая научит VMware эмулировать macOS. Тут в целом все просто, скачиваете, распаковываете, в папке windows жмете правой кнопкой мыши по unlock.exe и выбираете запустить от имени администратора
3. Установить macOS и вот тут могут начаться нереальные танцы с бубном поэтому я предлагаю скачать готовый образ с установленной macOS High Sierra и просто его запустить минуя всю боль, но даже с ним возможно придется повозиться. Образ можно скачать отсюда и там же можно получить всю информацию по дальнейшей настройке. Если в двух словах:
Спойлер
Cкачиваем образ, распаковываем в то место где мы будем его хранить (это и есть ваша виртуальная macOS) и желательно чтобы на диске было свободно более 40ГБ. Теперь запускаем VMware, выбираем File > Open
Выбираем в той папке куда распаковали образ файл macOS High Sierra (14.x.x).vmx , затем выбираем добавленный образ и жмем edit virtual machine setting:
Оперативки лучше выделить побольше, процесоров тоже и для начала поставьте Network Adapter: NAT. Затем жмем power on this virtual machine и дальше уже по обстоятельствам, если все хорошо, то вскоре запустится macOS, открываем Safari и пользуемся, если нет, тогда начинаем читать инструкции и искать решения проблем..
-
1
2 Answers
The best solution is to download the MacOs and install in a virtual machine like VmWare or Virtualbox. You can also use real-time safari browser using these website. There are many free real-time safari browser too.
tripleee
176k34 gold badges275 silver badges318 bronze badges
answered Jan 31, 2022 at 2:45
Now its not possible to install it. Alternative is that you can try to do it on linux ubuntu (or virtualbox on windows and there ubuntu and safari).
There are two potential workarounds for installing Safari on Linux: using WINE (the compatibility layer, not the drink) or using WINE and PlayOnLinux, which provides a graphical user interface (UI) for WINE.
tripleee
176k34 gold badges275 silver badges318 bronze badges
answered Jan 27, 2022 at 14:50
Pawel WPawel W
1111 gold badge1 silver badge12 bronze badges
Don’t bother with Safari emulators. Test websites on the latest and older real Safari (4-15) browsers instead. Try Safari testing on real devices now!
Signup & Start Testing for Free!
Trusted by more than 50,000 customers globally
Real Safari Browser
We provide real Safari browsers (version 4, 5, 6, 7, 8 , 9, 10 ,11 ,12, 13, 14, 15) on real machines for accurate results. Don’t compromise with Emulators & Simulators for Safari testing.
View all features
Test on dev environments
Test public & internal websites on development environments seamlessly, without the hassle of setup configuration.
View all features
No VMs or setups
Start testing your website on a remote Safari browser from any machine. No VMs to be maintained, no software to be installed; you just need a browser and the Internet to use BrowserStack. Say goodbye to Safari emulators!
View all features
3000+ desktop browsers
Test on a range of browsers like Safari, Chrome, Firefox, Edge, IE and more on Windows and macOS platforms online.
View all features
Safari Browser Versions we support
List of Safari Browser Versions available for testing on.
Just played around with BrowserStack: Quite cool, instant access to a browser in a VM with dev tools.
@BrowserStack, you guys rock! Just saved me hours of work by being able to nail down a Firefox 35 + OS X bug in 5 minutes!
React Router tests are green on Safari, @googlechrome, @firefox, IE 10-11, and Mobile Safari thanks 2 @browserstack!
Average Customer Rating: ★★★★★ ★★★★★ 4.5/5 Average Customer Rating based on 80 reviews. Powered by 
Frequently Asked Questions
A Safari Emulator is a software program that replicates the behavior of the Safari Browser on a laptop or a desktop. Developers or QAs use it during various stages of software development to optimize their web-applications for the Safari browser.
After Chrome, Safari is the second most popular browser with 18% of the total browser market share worldwide. Naturally, QAs prefer to test their web-applications using Safari Emulator in order to cater to Safari users. Do note that this is not the same as testing on real devices, with Safari browsers installed in them.
Safari Emulators mimic the functionality of an original Safari browser. However, they can not provide accurate test results as they act as virtual machines and run slower as compared to the actual Safari Browser. In some cases, teams cannot mimic some interactions or exact CSS support. As a result, an end-user might face a bug that remained unexplored while testing on emulators.
It is highly recommended for teams to test their sites on real Safari browsers that are installed on real mobile or desktop devices. Doing this ensures that teams are leaving no stone unturned to deliver the best possible user experience.
Try Safari testing on Real devices now!
Simple. Follow the steps below to test your website on older versions of Safari using BrowserStack.
- Sign up for free,
- Navigate to the BrowserStack Live tool’s Dashboard.
- Enter the website URL.
- Select the devices you want to test on.
- Select the older versions of Safari browsers to test the website on the selected device.
Simple. Use BrowserStack’s real device cloud with 3000+ real browsers and devices to test on Safari browser online.
- Sign up for free.
- Navigate to the device and browser dashboard, which displays all options for testing.
- Select the device you want.
- Select the Safari browser on said device to test on.
- Select the Safari browser version
- Start testing.
Repeat the process on different devices and operating systems, for making your website cross-browser and cross-platform compatible.
Safari has a 15% global market share and is the default browser for all Apple devices like Mac, iPhone, and iPad. In the US, the Safari browser has a 32% market share (as of 2019). Given this, it becomes very vital to test websites on Safari Browser.
It has been made clear that online Safari browser emulators are not sufficient to test websites for public release. Test on BrowserStack’s real device cloud of 3000+ real browsers and devices to check a website’s features and functionalities in real user conditions.
Test on thousands of real browser-device combinations to ensure that your website works perfectly on the latest and the older Safari versions. Just sign up for free, choose a device-browser combination, and start testing. Repeat the process with different Safari versions and devices (both mobile and desktop).
BrowserStack provides instant access to real devices with pre-installed Safari versions for extensive browser testing on the latest and older versions of Safari. Developers and QA testers can now test on multiple versions, from Safari 4 to Safari 12.1. Teams can also automate their tests and integrate with CI/CD tools like CircleCI, TeamCity, Jenkins using our plugins.
Yes, by logging into BrowserStack one can easily choose to test different versions of the Safari browser on various versions of Windows operating system right from Windows XP to Windows 10. For example, one can easily test for Safari version 4 on Windows XP.
Safari testing on real devices helps to test websites in real user conditions. Thus, teams can ship with confidence and ensure users have a bug-free experience.
Sign up for a Free Trial
Browserling offers free online cross-browser testing in the Safari browser. At the moment, we offer Safari versions that run on Windows but very soon we’ll also be adding Safari on macOS. The Windows Safari versions are installed on Windows 11, 10, 8.1, 8, 7, and XP. The installed Safari versions are from the official Apple installation packages and they are not fake browser emulators or simulators. To access Safari from Browserling, you don’t have to install any additional software as Browserling is powered by HTML5 and JavaScript.
Try Safari in Browserling now!
Use the browser testing widget (below) to load an online Safari browser. Simply enter the address of a website that you want to open and press the «Test now!» button.
The free Browserling version offers 3 minutes of Safari testing on Windows 10 but to get unlimited minutes and access to all other operating systems, you’ll have to get the developer plan.
Safari Testing FAQ
What is the latest Safari version for Windows?
The latest Windows Safari version is 5.1.5. You can access it via our quick browsing URL: browserling.com/browse/safari/5.1.5.
What is the earliest Safari for Windows?
The earliest Windows Safari version is 4.0 and you can also access it via our quick browsing URL: browserling.com/browse/safari/4.0.
Does Apple still maintain the Windows port of Safari?
No, Apple stopped maintaining Windows Safari after version 5.1.5
Do you offer Safari testing on macOS?
We’re working on it! We don’t have Safari on macOS yet but it’s one of our top priority tasks to add it. Stay tuned!
Do you offer Safari testing on iPhones?
Offering Safari browser testing on iPhones is also one of our top tasks and we’re working on it!
What browser engine does Safari use?
Safari is based on the WebKit browser engine. WebKit is also used by Chrome, Edge, and Opera browsers.
Do you run a Safari emulator?
No, we installed Safari from the official Apple installation package and it runs on a real computer. It’s not an emulator nor a simulator but a real browser.
Can you help us with an issue on our website in Safari?
We’d love to help. We have been solving cross-browser testing problems for over 10 years and know everything there is about the Safari browser. Please email us at hello@browserling.com and we’ll help you with your website issue in Safari.
What is the Live Safari API?
It’s a technology that we created. It lets you embed a Safari in your own project (a website or a webapp). Take a look at the Live API page that shows how it works.
Support
For any other questions about cross-browser testing in Safari please contact us at support@browserling.com or use our contact form.