How-to render pages like Safari on OS X, while on Windows - css

For some time now I have been struggling with the differences between the Mac and Windows version of Safari. Sadly, my develop-setup requires me to work on Windows (although I do work on a MBP), so I can't change stuff and look how it affects the rendering of the page. Updating the online testing environment every time I make a change is silly.
The solution renders fine in Chrome (Windows+Mac), Firefox (Windows+Mac) and.. Even Internet Explorer.
So, my question is: is there a way to make Safari on Windows behave as if it were on OS X?
Thanks in advance :)

You could install a virtual machine running OSX:
http://www.macbreaker.com/2014/05/os-x-mavericks-in-virtualbox-with-niresh.html
I'm not sure how else you would be able to do it through windows.

Related

watir-webdriver black screenshots

I'm using watir-webdriver to navigate around my website and grab screenshots in different browsers.
Sometimes the screenshots taken in IE turn out the right size, but colored entirely black. The firefox tests that get run at the same time look fine.
browser.driver.save_screenshot(screenshot_dir)
Once I remote desktop to the computer running the tests the IE screenshots look okay again. A little bit after leaving remote desktop the IE screenshots go black again.
I'm running these tests on a instance of Windows Server running on ec2.
Based on your comment that remotely accessing the machine resolves the problem for a little while... disable the screensaver on that box. I'm not sure how (if at all) the screenshot functions on IE and FF differ, but it's worth the time it would take to test the change.
Edit: I still feel like it's windows/power setting related as you logging into the box appears to have an effect, but I don't know what else specifically that could be. I tried a programmatic approach below vvv.
From what you are saying, it sounds like the Windows system is automatically locking, like it should. This would explain why screenshots work fine when you remote in, and then go to black several minutes later when the screensaver kicks in and locks your system.
If the Windows system is locked, screenshots are blacked out. This is a Windows security feature.
I would be curious to know if FF really does do screen captures on a locked system.
Here's the code I'm using to capture screenshots (Watir-Webdriver, Cucumber). I use remote Windows XP VMs for my test boxes, and have not encountered the issue using Firefox or Internet Explorer.
We did find that when you view the log with the embedded screenshot, it does not seem to work in IE - so you have to use Firefox for viewing. It's base64, so there doesn't seem to be a logical reason for this.
After do |scenario|
if scenario.failed?
encoded_img = #browser.driver.screenshot_as(:base64)
embed("data:image/png;base64,#{encoded_img}", 'image/png')
end #
end

Disable cleartype

I have code that takes a screenshot and applies very basic OCR (pixel matches characters). Been testing on virtualbox machine and it was working fine. And when I ran it on Windows 7 the code no longer works due to Cleartype. Is it possible to disable Cleartype for certain windows?
Here is the win32 function you'd use to do it, but im not sure you can do it for a single window..

What IE version should you install to check CSS compatibility on IE with a Mac?

I'm trying to fix my css on IE, and I want to check to see if it's working. What version should I install and from where?
Different versions of IE behave differently. If you care about all versions, you'll have to install them all.
IE doesn't run natively on a Mac. You'll either need to use a virtualization program like VirtualBox (which itself is free, but you still need a copy of Windows) to produce a virtual Windows environment, or use services like BrowserShots that will produce images taken in IE for you (but they're often very busy and therefore slow).
IE8, because it's stable and has IE7 compatible view mode.
It doesn't run on Mac OS, you will need to run it in Virtual Machine (VMWare, Virtualbox or Parallels).
Best way is to use a VM, as #Matchu told in his answer.
But if you can't, this is pretty good one:
https://browserlab.adobe.com/en-us/index.html

Missing Text in Air Application Flex4+Mac OSX Snow Leopard

I am running the same AIR application under windows, linux and Mac OSX
Windows and Linux look fine, but under mac OS-X the controls are not showing any text.
Button, Tooltips, Labels, Check boxes, everything is blank.
I just ported that app to Flex 4. Flex 3 versions of the same app on the same OSX machine works.
How can I get controls to show text under Max OSX?
Is this a font problem?
I had the same issue when I migrated a user account from another machine into Snow Leopard. The solution seems to be to erase the fonts in ~/Library/Fonts (note that this is the USER font directory, not the system's):
http://discussions.apple.com/message.jspa?messageID=10735681#10735681
This seems to be an issue specific to this Mac computer.
I will close the question since it won't really benefit anybody.

Why does Flex Builder fail to connect the app so often?

Flex Builder often fails to connect to the app that it's supposed to debug. After a minute or so it times-out and says that it couldn't connect. The only way I can get it to stop doing this is by restarting Eclipse.
Very annoying. Anyone know why this is?
I'm using FB 3.1 and Firefox on Win XP.
Many thanks!
This became an issue with Firefox 3, and the general workaround is to start disabling Firefox extensions until it works. I've found that the AdBlock and IETab extensions interfered with Flex debugging; once those were disabled in Firefox's Add-On Manager, things got better.
See this bug report on Adobe's website for much more information.
I think it may be because it's full of bugs. I haven't worked with it on windows but on os x it reeks. You have to restart the whole os to get it back to normal sometimes.

Resources