Disable browser caching for css and js file during development

问题

How can we disable browser cache during application development process so that whenever we make any changes to the css or js files in localhost(or any development environment) we don't have to do a hard refresh on the browser to see the changes

回答1:

Try this for all css and js. This example you should add time in all css and js

  <link rel="stylesheet" type="text/css" href="style.css?<?php echo date('l jS \of F Y h:i:s A'); ?>" />

or
<link href="/css/styles.css?ver=<?php echo time();?>" rel="stylesheet">

or
 <script src="/js/site.js?ver=<?php echo time();?>"></script>

回答2:

Most browsers (Chrome and Firefox are shown in the screenshots below) have an option in the Network tab of the Developer's Tools to disable caching while the Developer Tools are open.

回答3:

caching is good for fast development, but in case of chrome you can right click on the refresh button and find the options:

Hope this helps?

来源：https://stackoverflow.com/questions/40628864/disable-browser-caching-for-css-and-js-file-during-development