Safari cache issue on second page load - javascript

I'm really confused about this issue. I have a website that works perfectly in all browsers except safari. In safari, the first time you visit each page is fine, but when you come back to a page the second time the javascripts are not loaded at the right order, which leads to errors. I assume the issue is some kind of cache going on. The website is www.core18.org.
this happens both on safari on windows and on mac.

I am not sure what is the problem as I can't see the site on Safari atm.
If you believe it's a caching issue, maybe add to the body tag onunload=''?

Related

Gif animation freeze in mac safari

I am working on this site "http://tinyurl.com/joblnmd". On home page there'gif animation, I've used preload method to load images, its working on all major browsers expect safari on Mac.
Is this bug in safari or is there any hack?
New Post: I've looked at the site again and there doesn't seem to be any problems. The loading hourglass appears for a long time, but it eventually disappears and the main content of the page is visible. It might be best for your to provide a JSFiddle with just the area in question so that I, or someone else, can have a proper look and help you solve your problem.
Old Post: Maybe you need to update your browser. My Mac Safari appears to show everything perfectly. But I'll check again later tonight. The animation looks very nice.

Elements dissappearing in safari on ipad

Ive made a simple project with html and jquery. It works great in all browsers except for safari on ipads. Since apple doesnt have a windows version of safari i cannot check if the error is explicitly for ipad but i think so.
The problem is the photoboxes wich get their width from the jquery, they dont appear at all on the ipad. Chromes developer tools device mode shows everything correctly and i have css queries that take care of smaller screens so its only the ipad thats the problem. I havent found any way to do a web debug on the ipad either. Its hard to give a code example due to i dont really know what the error is but i have a live demo you can check out. For you on ipads, its supposed to be photos before the winter background.
http://www.mj-bygg.se/ipad/default.aspx
I am also getting the same error on desktop Chrome on the first load. If I refresh, then the pictures load fine but on first visit to the link I only get the footer image (trees.)
On the first load, none of your jQuery heights/widths are being applied. No errors in the console and if I rerun the function it works as it should (without reloading the page.)
I suggest either pushing the script further down the page or using $(window).load(function() {}
instead of
$(document).ready(function() {}
That is the only thing I can assume is wrong if it fails first time but works with the page being cached.

Website only works completely when I cache refresh on Chrome, works fine on other browsers

having a bit of a weird bug. This just started happening in the last 2 days with Chrome only -- the website works fine with Firefox/Opera/IE11 etc. I have no code that messes with the caching of my website to my knowledge.
I am using Google Polymer in order to load shadowDOM custom elements into my DOM. I have a script that still works fine for IE that detects whether the website is IE10 or below, and if it is, doesn't load the script, because if I load the platform.js in IE10 and below my website will just not load at all. Everything was working fine with the script until about 2 days ago when suddenly platform.js is not loading in Chrome, so none of my polymer elements are loading now UNLESS I shift+cmd+refresh my website, clearing the cache.
Was something updated with Chrome / Polymer in the last few days that would have broken this for some reason?
Has anyone encountered this kind of thing where a website will only work when you hard refresh it? I am so confused. Any help would be appreciated. Thanks!
Are you using Polymer 0.5.*? Because if so, you need to load webcomponents.js, not platform.js.

IE iFrame loading icon

Good day,
I have a problem with IE and iframes.
So I have a huge application with legacy code, designed in early 2000. iFrames are used everywhere.
When something big is loaded inside the iframe, there is no display in browser throbber. So the loading icon starts spinning only when the main page is loaded, not iframes, so its impossible to say if anything is happening at all.
The users complain, that IE10+ gives them this problem, earlier versions worked. For me IE9 also has this issue.
Unfortunately, it is impossible to use JS on every page and manually add the 'loading please wait' icon or message, there are more than 100 pages with more then one iframe on each.
Chrome works fine, but nothing except IE can be used.
Could you please recommend solution for this trouble?

What is causing my images to not load initially in safari. All other browsers seem to work fine

I am currently using the 3d cardflip method on my website and it is working perfectly in Firefox, IE, as well as the IE downgrades I have for older browsers. My issue is arising from the fact that it seems that all Apple iOS devices and Safari will not load the images and information on the cards on the initial load of the page but only when a hard reload or a simple reload of the page is performed. I have tried everything I can think of to fix the issue and I have not been able to find any information regarding the issue either. Any help would be gladly appreciated! The page that is not working is http://www.paytonandsam.com/about_sam.html
Please test this website on Safari Version 5.1.5, 6.0.2,6.0.3 i.e. a higher version of Safari browser. Because now safari browser is faster and flexible than the older version.

Categories