How to Add meta tag using java Script dynamically
How to Add meta tag using java Script dynamically
Today i found following script which can be useful for adding meta tags dynamically through the java script,based on code snippet given below we can meta tags dynamically based on device.
<script type="text/javascript">$(document).ready(function () {
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
var isMobile = {
Android: function () {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function () {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function () {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function () {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function () {
return navigator.userAgent.match(/IEMobile/i);
},
any: function () {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
if (isMobile.Android() && $.browser.chrome) {
document.head.insertAdjacentHTML('beforeEnd', '<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=0" />');
document.getElementsByTagName('head').innerText = document.head.innerHTML;
}
else if (isMobile.Android()) {
document.head.insertAdjacentHTML('beforeEnd', '<meta name="viewport" content="width=device-width, initial-scale=0.0, minimum-scale=0.0, maximum-scale=0.0,user-scalable=0" />');
document.getElementsByTagName('head').innerText = document.head.innerHTML;
} else {
document.head.insertAdjacentHTML('beforeEnd', '<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=0" />');
document.getElementsByTagName('head').innerText = document.head.innerHTML;
}
});
</script>
Labels:
ASP.NET