Drag this image or the tab to the taskbar to pin site.

Your Logo

and a fancy slogan

Performance API

Navigation Start Ticks - window.performance.timing.navigationStart:

Navigation Start Time - window.performance.timing.navigationStart:

Load End Ticks - window.performance.timing.loadEventEnd:

Load End Time - wwindow.performance.timing.loadEventEnd:

Time to load - window.performance.timing.navigationStart:


Show the code

Pinned Sites

When a user launches your website from a pinned site, the website renders with a custom-branded look using your site’s favicon, navigation button colors, and other information you provide. The pinned site window automatically starts an isolated instance of Internet Explorer that runs in a special mode (note that Browser Helper Objects and other toolbars are not enabled in this Internet Explorer mode)

Pinned Site Overview on MSDN

Jump Lists

Jump List tasks are application-specific actions that are tailored to a website. By using Jump List tasks, your website can surface the most frequently used commands to users. You should define the Jump List tasks based on both the website's features and the key actions a user is expected to undertake with them. The tasks provide a set of static URIs that users can access at any time, even if the browser instance is not running.


Show the code (insert)

Show the code (clear)

You need to pin the site to your taskbar first

Icon Overlay

Windows displays overlay icons in the lower-right corner of the taskbar button; however, the taskbar must be in the default large icon mode to display overlay icons. Overlay icons are not visible when the website is not running or when the website is not running as a pinned site. Overlay icons can be displayed from any webpage in the same domain


Show the code (toggle)

Show the code (clear)

You need to pin the site to your taskbar first

Thumbnail Buttons

For native Windows applications, users interact with thumbnail toolbar buttons in the taskbar without having to restore or activate the site's window. A pinned site can make use of the same functionality for individual webpages. Each button represents a command that can be executed in the webpage, so users can interact with the webpage while in a minimized state or without activating it.


Show the code (toggle)

You need to pin the site to your taskbar first

Geolocation

IE 9 provides a geolocation object, which reports the geographic location of the device running Internet Explorer. Internet Explorer 9. The geolocation property is only supported for webpages displayed in IE9 Standards mode.


Show the code (toggle)

Show the code (clear)

Performance API Script

function InsertPerformanceData() {
   if (window.performance != null) {
      var w = window;
      var navStart = w.performance.timing.navigationStart + " ms";
      var navStartTime = Date(w.performance.timing.navigationStart);
      var loadEnd = w.performance.timing.loadEventEnd + " ms";
      var loadEndTime = Date(w.performance.timing.loadEventEnd);
      var runtime = (w.performance.timing.loadEventEnd - w.performance.timing.navigationStart) + " ms";
      document.getElementById("ticksNavigationStart").innerText += navStart;
      document.getElementById("timeNavigationStart").innerText += navStartTime;
      document.getElementById("ticksLoadEnd").innerText += loadEnd;
      document.getElementById("timeLoadEnd").innerText += loadEndTime;
      document.getElementById("timeNavigation").innerText += runtime;
   }
}

Jump List Code (insert)

function InsertJumpListCategory() {
   if(isInSiteMode) {
      window.external.msSiteModeCreateJumplist('Recommended Sites');
      window.external.msSiteModeAddJumpListItem('Jump 1', './Jump1.html', './img/Game.ico');
      window.external.msSiteModeAddJumpListItem('Jump 2', './Jump2.html', './img/SubscriptionIcon.ico');
      window.external.msSiteModeShowJumplist();
   } else {
      var psInfoAreaDiv = document.getElementById("PsInfoArea");
      psInfoAreaDiv.style.visibility = "visible";
   }
}

Jump List Code (insert)

function ClearJumpListCategory() {
   if(isInSiteMode) {
      window.external.msSiteModeClearJumplist();
   } else {
      var psInfoAreaDiv = document.getElementById("PsInfoArea");
      psInfoAreaDiv.style.visibility = "visible";
   }
}

Overlay Icons (toggle)

function ToggleOverlay() {
   if(isInSiteMode) {
      window.external.msSiteModeSetIconOverlay('./img/warning.ico', 'Overlay 1');
   } else {
      var toInfoAreaDiv = document.getElementById("ToInfoArea");
      toInfoAreaDiv.style.visibility = "visible";
   }
}

Overlay Icons (clear)

function ClearOverlay() {
   if(isInSiteMode) {
      window.external.msSiteModeClearIconOverlay();
   } else {
      var toInfoAreaDiv = document.getElementById("ToInfoArea");
      toInfoAreaDiv.style.visibility = "visible";
   }
}

Overlay Icons (clear)

function CreateThumbnailButtons() {
   if(isInSiteMode) {
      btn1 = window.external.msSiteModeAddThumbBarButton( './img/thumbbuttons/1.ico', 'Toggle Message');
      btn2 = window.external.msSiteModeAddThumbBarButton( './img/thumbbuttons/2.ico', 'Flash Icon');
      btn3 = window.external.msSiteModeAddThumbBarButton( './img/thumbbuttons/3.ico', 'Toggle Overlay Icon');
      btn4 = window.external.msSiteModeAddThumbBarButton( './img/thumbbuttons/4.ico', 'Clear Overlay Icon');
      document.addEventListener('msthumbnailclick', ThumbNailBtnClicked, false);
      window.external.msSiteModeShowThumbBar();
   } else {
      var tnInfoAreaDiv = document.getElementById("TnInfoArea");
      tnInfoAreaDiv.style.visibility = "visible";
   }
}

Overlay Icons (clear)

var map = null;
function FindLocation() {
   var zoom = 13;
   if (navigator.geolocation)
   {
      navigator.geolocation.getCurrentPosition(
      function(position)
      {
         var lat = position.coords.latitude;
         var lon = position.coords.longitude;
         var latlong = new VELatLong(lat, lon);
         var shape = new VEShape(VEShapeType.Pushpin, [latlong]);
         shape.SetTitle("My Position");
         shape.SetDescription("You are here!");
         map.SetCenterAndZoom(latlong, zoom);
         map.AddShape(shape);
      });
   }
}

function ShowPosition() {
   GetMap();
   FindLocation();
}

function GetMap() {
   map = new VEMap('myMap');
   map.LoadMap();
}

Overlay Icons (clear)

function FindNearby()
{
   map.Find("Restaurant", null);
}