How to detect browser and show message without javascript?

Question

Good, therefore, my site does not work correctly in Internet Explorer, if the user does not click the "Allow blocked content" button on the first visit. Now I came up with some javascript that detects the browser that opens in the web page and makes a pop-up window that says: “You are in Internet Explorer. Allow scripts and ActiveX controls to be run by clicking“ Allow blocked content ”at the bottom of the page after rebooting Otherwise, the site may not work correctly. " BUT this is the script SO itself, the user can see this only if he clicks it. This is useless now, because it tells the user to click the button only after she has enabled it. My JS:

var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
var isFirefox = typeof InstallTrigger !== 'undefined'; 
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
var isChrome = !!window.chrome && !isOpera;              
var isIE = /*@cc_on!@*/false || !!document.documentMode; 
if(isChrome === false && isSafari === false && isFirefox === false && isOpera === false)
    {alert('You are in Internet Explorer. Please allow running scripts and ActiveX controls by clicking "Allow Blocked Content" at the bottom of the page upon reload. Otherwise the site may not work correctly.'
);};

I need a way to detect the browser and display the message without any JS or jQuery. Does anyone have any idea?

Answer 1

Display the text on the site for each user and hide it using JavaScript, so that only users without JavaScript enabled will still see it. With this approach, each user (also in browsers other than IE) sees this, so he should be more general.

HTML:

<div id="js-message">You don't have JavaScript enabled, please enable it.</div>

JavaScript (on page load):

$(function() {
     $('#js-message').remove();
});

Answer 2

Move javascript to the top tag above where you load the ActiveX control and call the alert function:

if (window.navigator.userAgent.indexOf("MSIE ") > -1) {
    alert('You are in Internet Explorer...');
}

, div :

<div id="ienotice">You are in Internet Explorer...</div>

setTimeout(function() {
    document.getElementById('ienotice').style.display = 'none';
}, (window.navigator.userAgent.indexOf("MSIE ") > -1) ? 5000 : 0);