Web development tip: auto-refesh a page to show code changes
This is a tip to automatically show effects of changes to the source code of a web page. Normally I have to perform these steps to see the results of code changes:
- save the source code
- switch to the browser
- do a page refresh
- switch back to the editor
When I find myself do this a lot while working on the HTML and CSS of a page I add a auto refresh meta tag to the head of the page:
<meta http-equiv="refresh" content="5">
Now the page refreshes itself every 5 seconds, so changes are picked up automatically. To adjust the time between refreshes change the number.