IE9 – Pinned Site – Aggiungere un sito al menù Start

Un’altra funzionalità messa a disposiziojne da IE9 è qualle che ci da la possibilità di aggiungere un sito web all’interno del menù Start di Windows 7.

Per fare questo è sufficiente utilizzare l’opzione di menù presente sotto Strumenti->File->Aggiungi al Menù Start:

IE9 chiede conferma dell’operazione:

e, in caso, di risposta positiva inserisce il sito tra i programmi del menù start:

E’ possibile eseguire questa operazione anche da codice Javascript utilizzando il metodo window.external.msAddSiteMode()

Ad esempio il seguente codice mette a disposizione un bottone per l’aggiunta del sito al menù start:

 <script type="text/javascript">
    function addWebApp() {
        try {
            window.external.msAddSiteMode();
        }
        catch (ex) {
            // Site Mode not supported.
        }
    }
</script>
 
<button onclick="addWebApp()" title="Click to add this webpage to your Windows Start menu.">
    Launch in Site Mode</button>
 

E’ possibile anche gestire l’evento di avvenuto salvataggio del sito all’interno del menù start. L’evento in questione è mssitemodeinstalled. Un esempio è il seguente:

 <script type="text/javascript">
    window.onload = function () {
        document.addEventListener('mssitemodeinstalled', function () {
            alert("Site Mode shortcut installed sucessfully.");
        }, false);
    }
</script>
 

Ovviamente il codice funziona solamente se ci troviamo su IE9.

E’ possibile customizzare alcune proprietà del sito “pinned” utilizzando i tag meta. I valori possibili sono riportati nel seguente link.

Ad esempio, la seguente è una home page con le funzioni di aggiunta al menù Start:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="application-name" content="Mia Home Page" />
    <meta name="msapplication-tooltip" content="Visita la Home Page del mio sito" />
    <meta name="msapplication-starturl" content="http://localhost:20000/home.htm" />
    <meta name="msapplication-window" content="width=800;height=600" />
    <meta name="msapplication-navbutton-color" content="yellow" />
</head>
<body>
    <script type="text/javascript">
        function addWebApp() {
            try {
                window.external.msAddSiteMode();
            }
            catch (ex) {
            }
        }
        window.onload = function () {
            try {
                document.addEventListener('mssitemodeinstalled', function () {
                    alert("Sito installato correttamente nel menùStart.");
                }, false);
            } catch (e) {
            }
        }
    </script>
    <button onclick="addWebApp()" title="Clicca per inserire il mio sito tra i programmi del menù start.">
        Salva il sito nel menù Start</button>
</body>
</html>
 

Quando salviamo il sito all’interno del menù Start otteniamo che questo verrà aperto con favicon.ico come icona di riferimento, con la finestra 800x600 e con i pulsanti di back e forward gialli: