Avoid caching issues when debugging WordPress themes scripts or style sheets

You may have experienced times when reloading your webpage, expecting updated styles to take effect but they don’t due caching.

To help avoid browser caching issues when developing in WordPress, automatically append the current time to the end of queued stylesheets or scripts only when debug mode is enabled.

/**
 * Enqueue Theme styles and scripts
 * If WP_DEBUG = true then break the browser cache by setting version as time.
 */
function jc_enqueue_scripts(){

	$ver = 1;
	if(true === WP_DEBUG){
		$ver = time();
	}

	wp_enqueue_style('theme-stylesheet', get_stylesheet_directory_uri() . '/style.css', array(), $ver);
}
add_action('wp_enqueue_scripts', 'jc_enqueue_scripts');