![]() |
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.
- Niveau : Niveau débutant
- Expérience avec le développement Web
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)
Ces deux sujets sont traités dans des articles séparés :
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 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
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é.
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 |
Compatible acid2
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>
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 |
Internet Explorer 8 - la navigation en mode privé
Internet Explorer 8 - Astuce pour récupérer un onglet perdu
Internet Explorer 8 - Astuce "stop au plantage"
Le getElementById est maintenant case-sensitive tout comme le setAttribute.
What’s new in Internet Explorer 8 for Developer (en anglais)
Ajax