Employ Meta-Refresh To Save Testing Time

One of the best CSS coding tips I’ve read in a long time actually has nothing to do with CSS. Jan Holzmann of Snippit.net wrote an excellent article about using the meta-refresh property to save time reloading browsers when you have to test your CSS in several browsers.

It’s as simple as it sounds. Just add the following two lines in the head of your document, and then your browser window will automatically refresh as you make your changes.

<meta http-equiv="refresh" content="10; url=http://localhost/index.html" />
<meta http-equiv="pragma" content="no-cache" />

This should be really handy working in a dual-monitor environment like mine.

Posted on April 11, 2006. Filed under Uncategorized, , , .

Scott Vandehey

By Scott Vandehey, Front-End Web Developer

One Comment on Employ Meta-Refresh To Save Testing Time

  1. Works with small screens, too: Insert an HTML anchor tag to jump right to the spot you are working on.

    Posted on Jun 8, 2006.

    By jan