What is a simple/minimal browserconfig.xml for a web site

I don't want to do anything special or tricky with respect to Windows 8 and pinning, I just don't want to see the 404 Not Found messages as IE looks for browserconfig.xml scrolling by in my log files.

Is there a trivial browserconfig.xml file that I can put in my root that will satisfy IE and act as a good place holder should I decide to later add better support for Window 8?

Solution 1:

I added the meta code to my head, but I'm still getting browserconfig.xml requests too.

So I think best way is; according to them: https://docs.microsoft.com/browserconfig.xml

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
    <msapplication>
    </msapplication>
</browserconfig>

Solution 2:

There is a sample on Microsoft's MSDN page Browser configuration schema reference.

You put the browserconfig.xml file in the root folder of the web server.

You can also include:

<meta name="msapplication-config" content="none"/>

in your HTML to prevent IE from looking for this file, if that is an option for you that might work as well.

Solution 3:

The easiest solution is actually to just use the official Microsoft Browserconfig.xml file builder: http://www.buildmypinnedsite.com

You can build a full xml file, and be given all the sized images of your logo in just 3 steps. I just did it for my site and it only took 2 mins.

It will generate a full browserconfig.xml file, and supply all the titled images in a single zip file.

Edit 1/8/2015: I just found another option: http://realfavicongenerator.net/

The benefit of this website it is generators your browserconfig.xml AND all your apple-touch-* icons, favicon etc. Basically a one stop website for generating everything once.

Solution 4:

Adding a meta tag might or might not work. We added this tag, but we still received 404 errors for browserconfig.xml requests all the time. At the end we decided to do a simple xml.

Our browserconfig.xml looks like this and basically it just tells where 4 images are located.

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
    <msapplication>
        <tile>
        <square70x70logo src="/mstile-70x70.png"/>
        <square150x150logo src="/mstile-150x150.png"/>
        <wide310x150logo src="/mstile-310x150.png"/>
        <square310x310logo src="/mstile-310x310.png"/>
        <TileColor>#8bc53f</TileColor>
        <TileImage src="/mstile-150x150.png" />
        </tile>
    </msapplication>
</browserconfig>

And put this in your html:

<meta name="msapplication-config" content="/browserconfig.xml" />

And now is okay

Solution 5:

You could as well just add it to your HTML and set the config to "none" like this:

<meta name="msapplication-TileColor" content=" #009900" />
<meta name="msapplication-square70x70logo" content="images/smalltile.png" />
<meta name="msapplication-square150x150logo" content="images/mediumtile.png" />
<meta name="msapplication-wide310x150logo" content="images/widetile.png" />
<meta name="msapplication-square310x310logo" content="images/largetile.png" />
<meta name="msapplication-config" content="none"/>

Sources:

http://samples.msdn.microsoft.com/iedevcenter/PinnedSites/scenario1.html https://msdn.microsoft.com/library/dn320426