How to add compatibility Meta Tags in Pega

How to add compatibility Meta Tags in Pega

In this post will see how to add compatibility meta tag in head tag.

For Clear Understanding about Meta Tag Please refer this link

Now in this post we are going to add the below meta tag to Html head tag.

<meta http-equiv="x-ua-compatible" content="IE=edge"> 

Look at the above two screenshot. I inspected Case worker portal and within the head tag there is no Meta tag like http-equiv="x-ua-compatible".

In pega there is an option to add JS file in Harness. In harness open scripts and style tab.

Here add a new JS File and open that js file and paste below code in that file.

var meta = document.createElement('meta');
meta.httpEquiv = "X-UA-Compatible";
meta.content = "IE=edge";
document.getElementsByTagName('head')[0].appendChild(meta);

Functionality of this code is to add append meta tag to head tag.

Save the JS File and harness . Refresh the harness and check whether new Meta Tag is added or Not using Inspect element.