Geek Answers Handbook

Windows 8 tile does not display the correct images. the fav icon is displayed instead

We have our webpage attached to a Windows 8 machine, but the displayed image seems like a fav icon, not what is indicated in the metadata / XML file.

First I tried to add this to my section on all web pages:

<!--[if IE]>
<meta name="application-name" content="My App"/>
<meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="msapplication-TileImage" content="http://mysite.somwhere.au/app/img/tile.png" />
<meta name="msapplication-square70x70logo" content="http://mysite.somwhere.au/app/img/tiny.png"/>
<meta name="msapplication-square150x150logo" content="http://mysite.somwhere.au/app/img/square.png"/>
<meta name="msapplication-wide310x150logo" content="http://mysite.somwhere.au/app/img/wide.png"/>
<meta name="msapplication-square310x310logo" content="http://mysite.somwhere.au/app/img/large.png"/>
<![endif]-->

For some reason this did not work. I could successfully navigate to each image specified in the “content” section and display the image in order.

Then I tried xml, hoping this might work. My html header for this then looked like this:

<!--[if IE]>
<meta name="application-name" content="My App"/>
<meta name="msapplication-config" content="http://mysite.somewhere.au/app/browserconfig.xml" />
<![endif]-->

I know that msapplication-config is not needed here if I use the default name 'browserconfig.xml', but id id is explicitly ...

And my xml looks like this:

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
   <tile>
     <square70x70logo src="http://mysite.somewhere.au/app/img/tiny.png"/>
     <square150x150logo src="http://mysite.somewhere.com.au/app/img/square.png"/>
     <wide310x150logo src="http://mysite.somewhere.au/app/img/wide.png"/>
     <square310x310logo src="http://mysite.somewhere.au/app/img/large.png"/>
     <TileColor>#ffffff</TileColor>
   </tile>
 </msapplication>
</browserconfig>

, fav , ? , . , : http://www.buildmypinnedsite.com/

!

+4
3

.

, browserconfig.xml.

:

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

, , , , , , ...

"1". , -, Windows, , , . , , ...

browserconfig.xml :

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="/app/img/smalltile.png?1"/>
      <square150x150logo src="/app/img/mediumtile.png?1"/>
      <wide310x150logo src="/app/img/widetile.png?1"/>
      <square310x310logo src="/app/img/largetile.png?1"/>
      <TileColor>#ffffff</TileColor>
    </tile>
  </msapplication>
</browserconfig>

. .

EDIT:

. () www.myapp.com, - java /app, www.myapp.com/app .

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

src browserconfig , ! , /app/orders/index.jsp. , src

src="/app/img/myimage.png?2"

.

+5

<!--[if IE]> <![endif]-->, Windows 8.x IE10 +, .

+1

! browserconfig.xml " ", ... browserconfig.xml .

browserconfig.xml , . , , , , . , .

0

More articles:


All Articles