Browser not responding to the changes made to my code - html

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.

Related

Why Is My HTML and CSS Code Not Running Properly On The Internet?

I recently added some text effects to my website in HTML and CSS. It runs perfectly on VS Code live sever but whenever I upload the code files on to my cpanel, the effects just seem to go away when I actually click and go on my website and I am not sure why. Does anyone know a fix for this? Here is my website julianwsanchez.com
And this how it is supposed to look:
How It Looks When I open it:
The output I'm seeing on your site matches the output of the code snippet here, effects and all.
Check to see if you have some browser extension that affects the way a site might look (e.g. a dark mode extension). Also, try going to your site in a different browser and/or in Incognito mode.
it Works for me just fine, both the link given, and the files running on localhost
You might need to do a hard reload.
try Ctrl-Shift-R on chrome when viewing the page.
This clears the browsers cache for that webpage,
alternative: open the web page in another browser.

Chrome can't see images that require username/password

So this is a weird problem, I am attempting to embed a video stream from a D-Link DCS-930L into a web page. My embed looks like this:
<img alt="" src="http://guest:password#192.0.0.10/video.cgi">
The problem is that Chrome displays a broken link image when I load the page, while Firefox and IE load it perfectly the first time.
But the really strange part is that if I right click on the broken image > Open link in new tab the stream loads, and then if I close the tab and refresh the page with the embed it loads there too! So it's definitely something to do with the username/password requirement.
I have also tried creating a user without a password but I see the same issue. There is no setting to disable this requirement in the 930L's control panel that I can find.
Does anyone know how to fix this? If not, is there a way to use PHP to execute a login automatically for the above kind of URLs?
This appears to be intentional behavior on Chrome's part since v19. Bummer.

Page changes not displaying on my computer only

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

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.

Force download a picture from Google Chrome without opening new tab

We want to allow a user to download a picture via a button from our website. We've got the basic download working ok (it saves it to the disk) but we do it by opening up a new window...
window.open('mypicture', '_blank');
Unfortunately this creates a new tab in Chrome which does not go away. We don't have the most sophisticated users and they might become confused if the screen suddenly goes blank.
We tried it with...
location.href='mypicture'
This works great in IE, but in Chrome it just ignores the download completely.
Is there any other way to force download the picture without opening a new window?
Ideally, you should send http header in order to prompt the picture to be downloaded like
Content-Disposition: attachment; filename="downloaded.jpg"
..so you should point your link to a PHP script (or whatever), which sends a picture with proper headers.
Perhaps this is a bug in Chrome (FF too)? I just tried it with a link and it works fine.
Download