Page changes not displaying on my computer only - html

I have come across a strange issue with my company's site, and it seems to only affect my computer. Changes that I have made to the raw HTML are not reflected in my browser (Firefox).
I have taken the following steps to resolving this issue, without any luck:
Ensured that the page was uploaded successfully to the correct directory (downloading the file from the server shows that it is the same file as the one just uploaded).
Cleared my browser history and cache, refreshed the page.
Opened the page in other browsers (IE, and Chrome).
RDP'd into our server and opened multiple browsers that way.
A colleague of mine sits directly across from me and he has opened the page in the same version of Firefox that I typically use and he can see the changes. He and I both work on the site regularly.
The strangest part is that I have made changes to this page before, and they showed on my screen instantly. These changes are still in place and visible, yet some HTML elements that existed before I made those changes do not show on my screen currently (despite still existing in the HTML).
Has anyone else ever experienced such a phenomenon? Is there anything else that I can try in order to resolve this issue?

Have you tried forcing cache refresh? Try it by clicking Ctrl + F5

Related

Hard refresh and empty cache failing.

I updated the source code for my html page on a server, but when I refreshed the page in chrome, it didn't update. Then I tried performing a hard refresh and emptying the cache, but it still didn't work. I also tried opening the page in Firefox, which gave me the updated page, but chrome still didn't update the page for another few minutes.
(I'm using Chrome 63 on Windows 7)
Update: it seems that this problem only happens with small files online of at most 5KB or so.
I figured it out: change the extensions from ".html" to ".php".

Caching? div concerning images don't work on pc's that opened site first 3 hours after upload

Hi I'm kinda stuck on idea's to try to solve my problem since I don't have much experience concerning caches.
I'm currently working on this site of a business partner of me.
I got his host, username and password so I'm litterary working as him using Filezilla.
I downloaded the entire site content from filezilla into a desktopfolder.
I made a copy of it to work in and from there I made some changes in the .html and .css files.
In offline mode, everythings works perfectly as I want it.
Then I deleted the the sitecontent in Filezilla and replaced it with my changes.
Now the weird parts happen.
When I open the site online without www. prefix it works great
when I open the site online with www. prefix I can't see the images that are
placed within div's that purely concern the image
When a pc opened the site in the first 3 houres it was online, the div's don't
work
Also later on that specific pc can't make the div's to work
Pc's that opened the site only after these 3 houres have no problem at all
I've tried replacing the stylesheet and wait a couple hours, but caches seem to be made. and the result stays the same.
However this is no problem for the avarage customer since for them the site works, you can see what a hell this may be for me as developer and the owner, who offcourse opened the site right after I put it online.
Any suggestions might be usefull.
In most of the browsers you can use F12 shortcut to see the developer tools. In Network tab you can see all files that are currently being loaded. You can see there if the file is being loaded from the server or from the local machine.
By pressing CTRL+F5 (in Chrome and think in Firefox too) you are forcing cache to refresh.
If the PC is still loading in a cached version of the site, you can refresh the page and delete the cache by holding Control + F5.
Seems like I found the source of the problem.
I was using the css from a bought template which has some coding that malfunctions when ftp-uploading using ASCII
Uploading Binary solves the problem
The reason the did work on some computers was that they had the old css still cached. which was earlyer uploaded in binary instead of the same css files i uploaded in ASCII.

Browser not responding to the changes made to my code

So I'm working on this web project for school and I use atom as editor and both chrome and opera as my browsers to view my work.
The problem is after few time refreshing the page to view my changes the browser does not respond and keep giving me the same old styling or contents I had on the page, I even had a registration form and every time I refresh it the page goes blank and I need to refresh it again in order to see it and when using chrome to view this same page, a confirmation dialogue pops up, I don't know what the problem is and I was wondering if someone can help me figuring it out. Thanks for your time.
Every time you save your file it auto refresh the page and shows the changed
Atom live server
open your web page in browser and reload by this Shift + Ctrl + R
It will refresh the whole page and show like first time opening.
(or)
check in private window of your browser...
You can see the css is reflected
If its a browser issue: Try Uninstalling and reinstalling chrome.
Check to make sure your looking at the right directory, many developers including myself make the mistake of looking at the wrong code base.

CSS is not updating in browser instanly

I am having this problem for long time. Whenever I update my existing stylesheet it not take effect in browser instantly. If I view page source and click on my stylesheet, ex:<link rel="stylesheet" href="assets/stylesheets/theme-custom.css"> recently added codes are not shown. It updates after few hours. This happens both in Firefox & Chrome.
Why this happening? And how can I get rid of it?
Due to performance reasons browser cache loaded css files. So if you update your css you have to clear your cache. You can also reload the page with clearing it by pressing CTRL + R.
At the following linked page you can find approaches how to deliver your css and force browsers to get the current version (like adding timestamps or anything else as parameter):
https://css-tricks.com/can-we-prevent-css-caching/
EDIT:
You can also just disable the caching completely in the settings or developer tools of your browser.

html/css edits not updating in different browsers

I apologize in advance if this question seems inane. However it is important to me and I had difficulty finding an existing question, mainly due to syntactic difficulties.
I am developing a website and have MAMP/MySQL set to work in localhost:8888. This has been working fine for many months now, but recently I noticed that after I had edited my page and reloaded it is in FF, the page was not completely updated. For instance, the CSS for the page was updated but one of the links that linked to my "about page" linked to the older version of my "about page". And then I would try Chrome and Safari and the page might be OK and sometimes not. Or if I wait or try several times to load the page it will load correctly.
This is very frustrating when considering efficiency and consistency in design. What could have happened or is my htdocs folder becoming too full? Thanks.
Probably it's a cache problem. In most Browsers you can deactivate it. For example in Safari you have to activate the developer menu in preferences > advanced. In the developer menu click on disable caches.
Simple solution : press ctrl + shift + delete Its a browser shortcut for deleting history. Delete the full cache, cookies, etc. and try reloading the page.