Newer
Older
labs / tiddlers / content / labs / lab04 / _Labs_04_Configure the Browser for Development.md

Web browsers will cache files so that they don't need to be downloaded from the web server each time the user views a page. This can be annoying while developing web sites since we always want to be looking at the latest version of a file rather than looking at old, cached versions. Most browsers allow you to disable the cache whenever you have the developer tools open.

  1. Press <>. This key will open the developer tools in most web browsers.

  2. Click somewhere in the developer pane to give that pane focus and then press <>. This key will open the developer tools settings.

  3. Scroll down until you find the option to disable the cache while the developer tools are open. Check the box for that option.

  4. While you are there, it is also useful to modify the following settings when developing web pages:

    • Preserve log should be enabled. This stops the logs from being cleared when a new page is requested. Being able to see older log messages is useful --- we can always clear the messages ourselves.

    • Log XMLHttpRequests should be enabled. We won't be using this until we start working on CSR applications, but being able to see HTTP requests made via JavaScript is useful.

    • Enable JavaScript source maps should be disabled. We won't be using source maps, so turning them off will stop the browser from requesting them from the server and causing a bunch of 404 errors to pollute the logs.

    • Enable CSS source maps should be disabled. Again, this is to avoid the logs from filling up with useless 404 errors.