Having been caught out recently when a web site I launched displayed perfectly on IE, Firefox, Chrome and Safari on Windows but was corrupted when viewed using Safari on the Mac (by a potential customer), I need to start testing how my sites look when viewed on a Mac. Problem is, I don’t own a … Read more
I spent quite a lot of time trying to figure out why video embedded like here: <video height=”256″ loop autoplay muted controls id=”vid”> <source type=”video/mp4″ src=”https://stackoverflow.com/questions/17994666/video_file.mp4″></source> <source type=”video/ogg” src=”video_file.ogg”></source> </video> starts playing automatically once the page is loaded in FireFox but cannot do autoplay in Webkit based browsers. This only happened on some random pages. … Read more
Similar to “How to detect if OS X is in dark mode?” only for browsers. Has anyone found if there is a way to detect if the user’s system is in the new OS X Dark Mode in Safari/Chrome/Firefox? We would like to change our site’s design to be dark-mode friendly based on the current … Read more
alert(new Date(‘2010-11-29′)); chrome, ff doesn’t have problems with this, but safari cries “invalid date”. Why ? edit : ok, as per the comments below, I used string parsing and tried this : alert(new Date(’11-29-2010′)); //doesn’t work in safari alert(new Date(’29-11-2010′)); //doesn’t work in safari alert(new Date(‘2010-29-11’)); //doesn’t work in safari edit Mar 22 2018 : … Read more
im trying to find a css hack for just safari NOT chrome, i know these are both webkit browsers but im having problems with div alignments in chrome and safari, each displays differently. i have been trying to use this but it affects chrome as well, @media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: block; … Read more
I have some trivial JavaScript to effect a style change: sel = document.getElementById(‘my_id’); sel.className = sel.className.replace(/item-[1-9]-selected/,’item-1-selected’); return false; This works fine with the latest versions of FF, Opera and IE, but fails on the latest versions of Chrome and Safari. It affects two descendants, which happen to be siblings. The first sibling updates, but the … Read more
I am creating a jQuery plugin. How do I get the real image width and height with Javascript in Safari? The following works with Firefox 3, IE7 and Opera 9: var pic = $(“img”) // need to remove these in of case img-element has set width and height pic.removeAttr(“width”); pic.removeAttr(“height”); var pic_real_width = pic.width(); var … Read more
Safari on iPhone automatically creates links for strings of digits that appear to the telephone numbers. I am writing a web page containing an IP address, and Safari is turning that into a phone number link. Is it possible to disable this behavior for a whole page or an element on a page? 23 Answers … Read more
Update at 2018.10.31 This bug has been fixed in iOS 12.1, have a good day~ I found a problem with Array’s value state in the newly released iOS 12 Safari, for example, code like this: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″> <title>iOS 12 Safari bugs</title> <script type=”text/javascript”> window.addEventListener(“load”, function () … Read more
What is the difference between screenX/Y, clientX/Y and pageX/Y? Also for iPad Safari, are the calculations similar as on desktop—OR there is some difference because of viewport? It would be great if you could point me to an example. 7 s 7