Article
10/20/2021

Internet Explorer 8 : les nouvelles fonctionnalités

Internet Explorer 8 est disponible en téléchargement et arrive avec un certain nombres de fonctionnalités. Ces nouvelles fonctionnalités sont bien sûre exploitables sur vos sites Web. Cet article va vous expliquer comment.

Internet Explorer 8

Prérequis:

Niveau : Niveau débutant
Expérience avec le développement Web

Introduction

La liste des nouvelles fonctionnilités pour le développeur est longue.

Ces fonctionnalités peuvent être séparées en deux :

Celles liées à ce que vous pouvez ajouter à vos pages web. Comme les « Web Slices » ou les « Accélérators ». Un apercu ici (en anglais)
Et celles qui facilitent la vie du développeur Web pour optimiser le deboggage de son application. Comme la « Developer Tools » un apercu ici (en anglais)

Les nouveautés pour vos pages Web

Accélerators et WebSlices

Ces deux sujets sont traités dans des articles séparés :

Introduction aux Accelerators

Introduction aux webslices

Accélérator

Les accélérators permettent sur une sélection dans une page Web de faire appel à un service en REST et d’afficher le résultat instantanémant sous la souris.

Les Web Slices

Les Web Slices permettent de garder une vue rapide d’un contenu Web au survol de la souris (sans aller sur le site explicitement)

Découverte du Web Slices sur la page :

Affichage du contenu au survol

ActiveX

Deux choses importantes sur les ActiveX :

Les ActiveX peuvent être activés pour un ou plusieurs sites.
L’installation d’un ActiveX ne nécessite plus les droits admin et donc n’est installé que pour l’utilisateur connecté. Un ActiveX malicieux n’affectera que le profile de la personne qui l’a installé.

Ajax

Quelques nouveautés autour d’Ajax avec une propriété timeout

var xhr;
xhr = new XMLHttpRequest();
xhr.open("GET", "http://myurl.php", true);
xhr.timeout = 10000;
function timeoutRaised()
{
  alert("timeout");
}
...
xmlHttpRequest.ontimeout = timeoutRaised;

Certains CrossDomain authorisés :

		Requête Ajax dans la zone :
		Local	Intranet	Trusted (Intranet)	Trusted (Internet)	Internet	Restricted
Page dans la zone :	Local	Allow	Allow	Allow	Allow	Allow	Block
	Intranet	Block	Allow	Allow	Allow	Allow	Block
	Trusted (Intranet)	Block	Allow	Allow	Allow	Allow	Block
	Trusted (Internet)	Block	Block	Block	Allow	Allow	Block
	Internet	Block	Block	Block	Allow	Allow	Block
	Restricted	Block	Block	Block	Block	Block	Block

CSS-Compliant

Compatible acid2

DOM Storage

Les débuts de HTML 5 avec la capacité de sauvegarder de l’information côté client par site.

Cet exemple de code est un compteur qui donne à l’utilisateur le nombre de fois qu’il a visité la page.

<p>
  Vous avez visitez cette page :
  <span id="count">#</span>
  fois.
 </p>
 <script>
  var storage = localStorage[location.hostname];
  if (!storage.pageLoadCount) storage.pageLoadCount = 0;
  storage.pageLoadCount = parseInt(storage.pageLoadCount, 10) + 1;
  document.getElementById('count').innerHTML = storage.pageLoadCount;
</script>

Quelques méthodes / propriétés à retenir :

Methode	Description
Clear	Supprime toutes les infos pour le site
getItem	Retourne la valeur d’une clé
key	Retrouve la key à partir d’un index
lenght	La taille d’un couple clé/valeur
remainingSpace	L’espace restant pour ce domain
removeItem	Supprimer un item avec sa clé
setItem	Affecter un item à partir de la clé

Evénement	Description
onstorage	Appeler quand l’espace de stockage change
onstoragecommit	Appeler quand l’espace de stockage est écrite sur disque