How to test page layout with Safari (windows)

[QuaterPan]

I am trying to follow all standards in HTML / CSS codes, but still browsers are not always interpreting the code exactly the same way. So, I am testing my design with Chrome, FireFox, Opera , Vivaldi, Edge (and IE on an old computer), to try to make it look like the same on all browsers, but I don't know how to test on Safari. I am under Windows, and my version of Safari is 5.1.7. Apparently, Apple stopped developing Safari after this version. However, if I don't make mistake, this version is like 7-8 years old, and it lacks support for plenty of CSS properties, which are nowadays very common. So, is there a way, under Windows, to simulate a more recent version of Safari? For example, isn't there a browser which is using Safari's rendering engine ? (is it using KHTML, WebKit?)

I tried the webkit.org site, and found a windows built of their "mini browser", made to test the latest webkit library, but it totally ignores all CSS, so I might be missing something.

[Leosghost]

I don't let my windows machines ( have 6 various flavours ) on the web ( life is too short )..only the linux or FreeBSD ones. Don't have a Mac ..for that much money I'd want to be able to properly "get under the hood" ..There are a few cross browser testing systems online..one which doesn't use emulators is browserling, but only a Mac user could tell you how accurate any "cross browser" tester is re safari.

[lucy24]

For example, isn't there a browser which is using Safari's rendering engine ? (is it using KHTML, WebKit?)

Er, almost all of them, since Safari uses WebKit. In fact my main exasperation with Safari is that it supports a few CSS properties, like "display: run-in", that are in the CSS spec but no other browser ever got around to enabling them, so I have to keep remembering that I-can't-do-that even though the text editor's HTML preview (also webkit) thinks I can.

Safari 5, heh, yes, Safari for Windows was a pretty short-lived experiment. I've got 9--not that I ever use it--but for newer operating systems the versions go up to 11. (Haha.) The Safari version number is pretty closely linked to the OS. Mine claims to have been updated as recently as January 2017 but I'm not certain I believe it. Maybe just some crucial security patch.

:: noting with interest that Mac OS X is now up to 10.13, while I topped out at 10.9 ::

But honestly now, what are you trying to do that's so complicated you can't trust ordinary browsers (where "ordinary" = "anything other than MSIE") to get it right? Why not just simplify your CSS instead?

[TorontoBoy]

Buy a used Mac?

[Leosghost]

Or befriend / date a Mac owner.

[TorontoBoy]

Or befriend / date a Mac owner.

Probably cheaper, and much less complex to buy used! Dating advice from WebmasterWorld!

[Leosghost]

Some very nice people own Macs, thread is a case in point..Hi L :)

[not2easy]

I've found you can get an excellent Mac at a nicer price buying refurbs from Apple.

[keyplyr]

I test in all major browsers *except* desktop Safari. It was always the worst as far as standard rendering. I gave up on it and deleted it from my machines several years ago.

[QuaterPan]

But honestly now, what are you trying to do that's so complicated you can't trust ordinary browsers (where "ordinary" = "anything other than MSIE") to get it right?

This is it my concern, I don't know if I am doing something "complicated". All works fine with Chrome, Firefox, Edge, IE, ... but just by professionalism, I'd like to be sure that this is the same with Safari. To be sure that spaces between elements, alignments and so on, are done correctly. Also, for example, with Safari 5 for Windows, apparently, it doesn't support flex and some background properties.

Also the comment form keyplyr suggests that, indeed, Safari may not render things like other browsers.

[not2easy]

Safari is a Standards Compliant browser. Old versions made for Windows not so much. Especially on newer versions of Windows, that's why it is no longer available for that OS.

[QuaterPan]

Ok, thank you.