Bookmarklets: Informations sur la page

Tout savoir sur la page web affichée avec une liste de fonctions que l'on va créer sous forme de bookmarklets, des liens contenant un code JavaScript que l'on place en bookmarks.

Ces codes ne fonctionnent pas si la page est dans une frame, ce qui par ailleurs devient rare.

Tous navigateurs

Nombre de liens

Utilise la propriété link de document.

javascript:alert(document.links.length+' liens')

Nombre de liens.

Images sans attribut alt

Autre outil de design, ce bookmarklet fait apparaître les attributs alt manquants.

Pour les besoins de la démonstration, on incorpore deux images dans la page... La première sans attribut alt doit afficher null, mais la seconde en a un qui décrit l'image ainsi: "La plage du Prado".

javascript:{
var x='';
for(i=0;i<document.images.length;++i)
{
    x+=document.images[i].getAttribute('src') + "=";
    x+=document.images[i].getAttribute('alt')+  '\n';
};
alert(x);
}

Attributs alt.

Origine de la page

Affiche la page à partir de laquelle a été chargée la page courante, ou affiche null quand l'URL a été tapée directement dans la barre d'adresse.

javascript:alert('Source: ' + document.referrer)

Page source.

Date de dernière modification

Utilise l'attribut lastModified de document. Ce n'est pas un attribut standard et il ne fonctionne pas avec tous les navigateurs. Il est implémenté dans Firefox et Internet Explorer.

Code du bookmarklet:

javascript:alert('Last modified: '+document.lastModified);

Date de dernière modification.

Le même code peut aussi être placé dans le corps de la page pour indiquer aux visiteurs quand elle a été mise à jour:

<script type="text/javascript"> document.write("Dernière modification " + document.lastModified); </script>

Firefox

Décompte des mots dans une sélection

Compte les mots dans un texte que vous avez sélectionné sur la page.
Ne peut fonctionner sur la page entière, car la lecture du contenu de la page retourne du code HTML.

Utilise la méthode getSelection() de l'objet document qui n'est pas standard et peut ne pas fonctionner avec tous les navigateurs. Ne fonctionne pas avec Internet Explorer mais comme c'est un outil de développement, il est surtout important qu'il soit reconnu par Firefox.

Nombre de mots.