How to make xampp automatically update the localhost

Question

I honestly don't have a clue what to put here... I have searched all over the web and can't seem to find anything useful :(

I am looking to make a website, but then I would like it to update each time I write something in the notepad (or at least when I save it) so I don't have to manually press F5 in my browser each time.

Does anyone know how to do so?

Include a javascript timer in your page to refresh the page at intervals — Mark Baker, Aug 22 '17 at 11:35
Similar question found here : https://stackoverflow.com/questions/12683417/localhost-wont-immediately-update — , Aug 22 '17 at 11:35
@rhea it has nohing to do with my question, believe me I searched everywhere — tsgsOFFICIAL, Aug 22 '17 at 11:40
@MarkBaker This might be a solution but I would need guidance — tsgsOFFICIAL, Aug 22 '17 at 11:40
[how to automatically reload a page after a given period of inactivity](https://stackoverflow.com/questions/4644027/how-to-automatically-reload-a-page-after-a-given-period-of-inactivity) — Mark Baker, Aug 22 '17 at 11:45

score 2 · Answer 1 · answered Sep 04 '21 at 12:17

here is a free solution for you you need to:

First install nodejs from nodejs official website,
Then go to your windows command prompt and install browser-sync by writing the following code npm install -g browser-sync, where npm is node js package manager, -g is for global
Then you open the folder you want browser-sync to follow refresh updates in your terminal or command prompt and write the following code browser-sync start --server --files <files which browser-sync wants to follow and refresh for you> some files like *.html *.css css/*.css *.js dont put commas in between

one thing you need to remember is that you need to write the last command every time you want browser-sync

happy codding :)

score 1 · Answer 2 · answered Aug 22 '17 at 13:44

1

This is going to refresh your page every 10 seconds or whatever amount of milliseconds you input, but that is usually a bad solution, but it is easy and works! Hope this helps, dont forget to remove or disable it when you are done!

setInterval(function(){location.reload(true);}, 10000);

answered Aug 22 '17 at 13:44

Nico Bleiler

475
4
14

Do I put this in the HTML file? It dosen't look like it belongs in there... o_O – tsgsOFFICIAL Aug 22 '17 at 17:53
it is javascript insert it with the script tags – Nico Bleiler Aug 24 '17 at 06:03

score 1 · Answer 3 · answered May 26 '20 at 06:06

1

Prepros solved my problem. PrePros

Open PHP project folder in Prepros
Goto Server options and Select External Server
Check Use External Server option and paste the Xampp Project Url.

:)

answered May 26 '20 at 06:06

Mohammad Ayoub Khan

2,422
19
24

score 0 · Accepted Answer · answered Aug 22 '17 at 12:13

0

You can build a php script which check if your files are updated then you create an infinite loop or a timed loop on the client side to request this script. If it returns true (updated), you reload your page.

Theoricaly, it works but I discourage you to do it. It will consume a lot of cpu and will not be really usefull...

answered Aug 22 '17 at 12:13

Airmanbzh

615
1
5
11

Tell me how! This is exactly what I am looking for, I only need it on whenever I edit the page ;) – tsgsOFFICIAL Aug 22 '17 at 17:53

How to make xampp automatically update the localhost

4 Answers4