21
{

Internet Explorer 9 - Pinned Site API

Embed Size (px)

Citation preview

{

« Internet Explorer 9 est un bon navigateur web moderne qui offre une nette amélioration par rapport au moyen et vieillissant IE8. »

« Nouveau moteur JavaScript, prise en charge du HTML5, des feuilles de styles CSS3, de l'accélération matérielle dans DirectX… les performances du navigateur sont au rendez-vous ! »

« Que penser de cette bêta d’Internet Explorer 9 au final ? Que c’est un très bon cru, et que Microsoft doit certainement être fière du résultat. La firme a clairement travaillé sur cette version, en donnant un très grand nombre d’éléments qui sont des demandes de longue date, tout en plaçant de nouvelles fonctionnalités qui ont un bon potentiel, comme l’épinglage des sites dans la barre des tâches de Windows 7. Pour autant, tout n’est pas rose non plus. »

« Internet Explorer 9, nouvelle version qui mérite le téléchargement ? Oui et non. Le nouveau navigateur de Microsoft est définitivement une amélioration de la version précédente, mais ce n'est pas la révolution que veut nous faire croire Microsoft. La plupart des utilisateurs seront très contents mais ce ne sera définitivement pas le premier choix des internautes plus avancés. »

« IE 9 est rapide, léger et s’intègre parfaitement à l’environnement Windows 7. »

Faciliter la navigation

Améliorer la prise de contrôle

Dynamiser les notifications

<meta name="application-name" content=« Kiwi Party /> <meta name="msapplication-tooltip" content=« Kiwi Party Pinned Site" /> <meta name="msapplication-window" content="width=442;height=542" /> <meta name="msapplication-navbutton-color" content="#424242" /> <meta name="msapplication-starturl" content="http://www.kiwiparty.fr/" />

• « Jump List » statique :

la méta-balise

<meta name="msapplication-task" content="name=New Tweet; action-uri=http://twitter.com/home; icon-uri=images/ie/tweet.ico" />

• « Jump List » dynamique :

les méthodes

window.external.msSiteModeCreateJumpList( “My Account”); window.external.msSiteModeAddJumpListItem( “Settings", “user/settings", “images/ie/settings.ico"); (…) window.external.msSiteModeShowJumplist( “My Account”);

• « Thumbnail Toolbar Buttons » : les méthodes ,

et l’ évènement

buttonPrev = window.external.msSiteModeAddThumbBarButton( “http://channel9.msdn.com/images/buttonPrev.ico “, “id1“); document.addEventListener('msthumbnailclick', handler, false); function handler(button) { if (button.buttonID == “ id1 “) goPrevious(); // votre callback }

• Superposition d’icônes dans la barre des taches :

la méthode

window.external.msSiteModeSetIconOverlay( “images/ie/fbNotification.ico “, “Vous avez des notifications“);

• Icône clignotante :

la méthode

• Utiliser une icone et des couleurs personnalisées

• Invitez vos visiteurs à épingler votre site

• Détection d’une offre de premiere execution

• Désactivation et masquage de boutons dans une “Thumbnail Toolbar”

• Basculement d’état d’un bouton

• Pratiques et bons usages

• …

{