Top 4 Bookmarklets pour tester son site responsive

 

Si vous développez un site internet, il y a de fortes chances que votre client (ou vous-même) souhaite que le site soit « responsible », c’est à dire que le site s’adapte à plusieurs tailles d’écrans : ordinateur/PC, tablette, smartphone

Une méthode très simple pour tester l’affichage du site sans utiliser de logiciel ou un autre outil est le bookmarklet.

Moins connus que les extensions pour navigateurs web, les bookmarklets sont des outils qui s’utilisent dans le navigateur.

Ces petits programmes s’installent en un drag&drop dans la barre des favoris des navigateurs. Pour les utiliser, il suffira juste de cliquer dessus. Ces bookmarklets sont des outils très pratiques pour gagner en productivité.

Voici donc une sélection de 4 bookmarklets  pour prévisualiser votre site selon plusieurs longueurs/largeurs. Ces outils vont redimensionner automatiquement la largeur du navigateur, et vous pourrez ainsi vous assurer que le site apparaît bien dans des dimensions différentes.

 

RWD Responsive Design Bookmarklet

rwd-bookmarklet responsive bookmarklet

Viewport-resizer

viewport-resizer responsive bookmarklet

Responsive design bookmarklet ( de benjaminkeen)

keen  responsive bookmarklet

Resizer

resizer  responsive bookmarklet