Passionnés d'informatique depuis 1990

Replace/Switch dev-local / production JavaScript on debug ?

Par le 22 nov 2016 dans Documentation | 0 comments

 

Here is a little JavaScript, at HTML page load, to switch between prod and dev/debug JavaScript files.
The script checks parts of current URL to define whether production or development context is on.
Then it calls loadJS function, to load targeted JavaScript files and, optionally, calls back a function in the new JavaScript file once it is loaded.


<script type="text/javascript">

// LOADING FUNCTION
function loadJS(url, fnt)
{

var script = document.createElement(‘script’);
script.src = url;

if (typeof fnt !== ‘undefined’) { script.onload = function () {
fnt;
};}

document.head.appendChild(script);
}

// SWITCHER DISTANT / LOCAL
if (window.location.host.indexOf(‘localhost’) > -1)
{
loadJS(“http://localhost/…/wp_config.js”);
loadJS(“http://localhost/…/wp_utils.js”, start);
}
else if (window.location.host.indexOf(‘MyDomainName’) > -1)
{
loadJS(“http://www.MyDomainName.fr/…/wp_config.js”);
loadJS(“http://www.MyDomainName.fr/…/wp_utils.js”, start);
}
</script>

Publiez une réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Mots-clé: