I'm having problems with cache, I think.
I have a website in Joomla, and I have some .css (layout.css, position.css, .... ) and I have at home of the website, 3 buttons, I tested in localhost, and when I see the home well, I upload everything to production, to my server.
Now, I just edited some styles of these buttons, for example, the width, in order to see them better...but I'm having a problem with the cache, because sometimes I see them with new changes, but other times I see with the old styles.....I realized that this happens especially with chrome
Could you help me, please?
Best regards, Daniel
You can force the browser to use the latest stylesheet. Read more here:
http://www.impressivewebs.com/force-browser-newest-stylesheet/
I hope that helps.
Try delete cache data when new version is done, see hint.
In FF you can delete cache data by use a combination of keys Ctrl+F5.
Chrome is an awesome browser but the cache is a bit of pain, I use the incognito mode as this also switches off the cache from my experience.
Related
On 1 computer, my WP menu looks like this:
On another computer with the same browser (Chrome), it looks fine:
I have already deactivated all browser add-ons on the browser where it gets messed up, but it wouldn't help.
How could I investigate what causes this mess?
Thank you!
Edit:
In a new incognito tab, the problem is not present.
I have tried application->clear application data (including third party cookies) as suggested, but it didn't help.
I had same issue. Try to clear cache from inspect element > application > clear site data.
I have first #VickyP 's suggestion.
It still didn't work.
Then I disabled AdBlock, and it worked.
I am not sure if it was a combination of VickyP's suggestion and diasabling AdBlock on this site, but it works now.
Having a really hard time figuring this out.
http://www.gemcode.co.uk/
The site works fine on firefox but is completely broken on chrome.
Havent tested IE as of yet.
I recently bought a basic level membership of cloudflare but I have turned on development mode and purged cache from wordpress CMS panel and the cloudflare settings. This is the most recent change I have made. Before this it was working perfectly.
Any help would be greatly appreciated.
I am clueless.
** Added this into the style.css **
.page-container {
padding-top: 0px;!important
}
It comes up fine on my browser now?
how about you guys?
There is something gone wrong with your JS as I can reproduce the issue on my Chrome - (Canary Version 52).
I think you need to roll back to your previous iteration and then have a look at what changed from when it was working fine to now.
In my experience with WP using page builders, the JS calculations for margin and padding can break very easily. Which seems to be exactly whats gone wrong with your site:
class="et-animated-content"
Is the main culprit.
Most often these issues come from a minification process gone wrong.
Also, you should investigate how your JS/CSS files are served given there is about 2 second delay before any styling what so ever kicks in, which is far too much.
I'm working on a Rails app and was updating a page.
The page has a whole bunch of background images defined in css. When I refreshed the page (cmd+r on the mac), nothing changed. When I went into the Chrome inspector and unchecked then rechecked the css rules, the images appeared. Also, if I opened a new private browsing window (cmd+shift+n), the images all correctly displayed.
Am I running into some weird kind of cacheing issue?
Chrome: Version 21.0.1180.89
Mac OS X: 10.8.2
You need to do a hard refresh that bypasses the browser cache. I don't know the key combination on a mac, but it's probably similar to Windows: ctrl-shift-R. This is not the same as a normal refresh (ctrl-r on Windows) that does not bypass the cache.
Aparently on a Mac the equivalent key combination is cmd-shift-r.
Try forcing the browser to load your new css file. I usually add a query string (?v=1.0) to the link, like this:
<link rel="stylesheet" href="style.css?v=1.0" "type="text/css"/>
and then I change the number (?=1.1) each time I've done some changes in the css file.
This usually fixes it in Chrome.
Hope that helps!
I have this issue from time to time myself, especially when I am making lots of changes, I find clearing your browser cache works best, unless you have specifically set up some sort of caching.
Also make sure to check the "Disable Cache" is the inspector settings.
Screenshot taken October 10, 2016. Please update if changes have taken implemented by Google.
Command + Shift + Delete
Empty cache from the "beginning of time"
I have looked into this time and again and have read solutions but they simply do not work.
Supposedly, one can bypass the cache in Chrome by hitting F12, clicking the gear in the bottom-right corner, and checking "Disable cache." This does not work for me. I still get a page with cached CSS. In Firefox, I go under Net and check "Disable Browser Cache" to no avail. HTML is not an issue, just the CSS and, possibly, JS.
IE, however, doesn't have this problem. I update the page's CSS and IE updates accordingly. For obvious reasons this is not an ideal situation.
I go to my-site.com/style.css in Chrome and Firefox and the file there is not the file I see with FTP/SSH/IE. If this looks like a bug (it does to me), then please let me know. If I'm just being dumb, then please tell me what I am missing. Please.
Thank you.
One way to avoid caching is to explicitly change the url in someway. What I would suggest is to append a querystring parameter to the css url like:
http://mysite.com/content/css/File.css?version=1234
and update the version or another way is to attach the DateTimeOffset instead of an auto incremented number.
I have a weird issue. I am opening a popup window in IE6 with SSL enabled on the server.
When the following executes it seems to lock the browser up. I know this is vague. This is the JScript that appears to be the problem. Gotta love your IE6!
function PopoffWindow(url) {
var features = "height=400,width=550,top=60,left=100,"
+ "toolbar=no,location=no,menubar=no,status=no,"
+ "scrollbars=yes,resizable=yes";
var win = window.open(url, "DSRocks", features);
win.focus();
return win;
}
This is not a problem in IE7 or Firefox. And the problem seems to be isolated to this server (with SSL). Anyone have any insight on this?
Thanks,
Nick
Is it possible that the window.open call does not return quickly enough to allow you to perform a .focus() on it, in the next line?
What happens if you throw an alert() between those two lines?
have you tried assign the window a name? IE6 sometimes does funny things when you open an unnamed window. just add a "windowName", before the url
With a problem like this, it is usually best to get back to basics. A few things to check:
How are you testing IE6? Are you using the Microsoft Internet Explorer Application Compatibility VPC Image or some workstation install where you've managed to get IE6 and IE7 working on the same PC? Having both IE6 and IE7 on the same PC may appear to work, but lead to issues like you are seeing. Even if you are using an existing VPC Image, you may want to download (or extract from an existing download) a fresh copy and see if it happens on that copy of IE6.
Have you cleared the Temporary Internet Files, Cookies and History of the IE6 install? I know it sounds obvious and stupid, but perhaps a resource that is being loaded in the PopUp window is corrupt in cache, causing the problem.
Have you disabled every Add-on in IE6?
I think the first thing to determine is whether the problem is with every copy of IE6, or just your copy of IE6 (covered by the first bullet point).
Grant,
Thanks. But the problem is with all IE6 instances that are viewing the hosted site. I will try to add an alert before the focus() to see if this is the issue. As for the windowname.. that is the second parameter I am passing, "DSRocks".
The problem was with a JSON webservice call. Please see this link for details:
http://codeclimber.net.nz/archive/2006/12/22/How-to-enable-an-ASP.NET-WebService-to-listen-to-HTTP.aspx