having Live Server (vscode) Error while opening in chrome - google-chrome

In vs code everything is fine. While clicking on the GO live button(for HTML CSS files) and its showing port:5500 but when the chrome browser opens after some seconds loading it saying its taking too long to respond This site cant be reached ERROR how to fix it is really a headache for me this is the screen snip of error

I had the same problem before , at first i just ignored the live server extension and i opened my html files directly from the folder . But after , i did a Restart to the extension host and it worked perfectly again .

It seems like a bug in the code causing infinite loop and hence crashing. I believe my solution can help with this perfectly. Please check this link!

Related

Live server not displayes html and css code correctly,while opening with file does

I have encountered a problem with the Live server, Live server does not display HTML and CSS properly while opening with File does.
I checked the code but it seems that code hasn't the problem. Is there any bug? because I tried restarting VS code and reinstalling the Live server extension, but it doesn't work.
On the first picture is opened with the file (As it should display), But on the second is opened with the live server, U can clearly see differences.
Thank you.

Safari not loading my styles.min.css

So after making a website using VScode (Probably not important) and uploading it to GitHub Pages, the website looked great! It was doing fine on windows and on my phone, everything was looking good.
Then, after checking it on my Mac with Safari (Not sure which would be the issue but I presume Safari) the css seemed to be a little weird and the page layout was all over the place.
After checking the console I am getting the following error
Failed to load resource: the server responded with a status of 404 ()
This is my styles.min.css file so I presume this is the issue.
Checking the console on windows doesn't bring around any errors which leads me to believe that this is the error...
Does anyone have any idea what could be causing this?
I'll post some pictures of what is happening to the items within my website.
Since people want the code, hopefully posting the website so you can inspect it will be fine? There's a lot of code and I'm not sure where to upload it.
https://manakura.github.io
EDIT 1: After checking out the code in the console, it seems like it has something to do with the width of the text? Because if I change the class from >col-md-4 to >col-md-3 which has less width the page is fixed.
Though I'm not sure how to fix this with col-md-4 or if I will have to enter some kind of media query?
Website working in Chrome on MacOS
Your problem is that there is no file actually named styles.min.css in the Github repo. You need to create a file first.

Why does my html files get messed up when uploaded

So I've uploaded my html, css and js files via Pydio. But the site seems to get messed up. Can anyone tell me what happened to it and how to fix it?
Some of the google font I used shows up but some didn't. Also, the bootstrap grid doesn't show up like its supposed to be. The site also didn't scale according to screen size.
When I preview the website in Brackets, it looks perfectly fine.
Please help.
mean-design.com
I think that you forgot to upload some files.
Here is the list :
( click on the image to zoom in )
Sounds to me that you did not upload everything or there are some absolute paths in your code. If you copy everything you uploaded to another local machine, does it work then?
You can actually see which files are missing if you open the online version of your page in your webbrowser and have a look at the developer console (press F12 in Chrome, Ctrl+Shift+I in Firefox). In the console all missing files are stated in the logged errors.
Thanks to Relisora we even have a screenshot of the error console:
Check if you uploaded all files and if so, check their path and link tags.

Browser not showing code change after cache refreshed

Okay, before someone answers, note the following:
Refreshed Browser Cache 10-11 times
Added No-Cache Headers
I am definitely working on the correct file & directory
Tried on Chrome, Firefox, Safari, Edge.
Restarted droplet 3-4 times
Waited for 2 hours (If propagation delay)
Pure HTML. No PHP or any server script.
Using an Apache Server
Uploaded using FileZilla, WebStorm's Upload, and directly from the terminal as well.
When I make an update in the code and upload it on the server, and view the code on NANO, it shows the updated code. If I download the code and view it on ATOM, it shows the code. If I open the downloaded file on any browser, the developer console doesn't show the change. Even online, it doesn't show.
If I remove that element completely, it doesn't disappear. When I remove the whole body, or delete the file itself, the browser shows 404 or removes the whole body.
Any ideas?

webpage has a redirect loop: chrome

I am facing a problem whenever I try appearing for a test in gateforum online test series. It used to work properly but now i am facing an issue. The whole account works properly except the one portion, As soon as I try to open tests , it shows an error in chrome saying the webpage has a redirect loop, I cleared all the cookies and cache, reinstalled chrome , still getting it. Also, I tried to use firefox browser, it also shows an error saying cookies might not be enabled , only if particularly tests button it clicked. Just to mention I checked for the cookies in firefox, there is no issue regarding it and cleared them there also, but not able to solve it. It would be really helpful if anybody could help.