5 Aides de forme web cross-browser utiles

Nous devons faire face à des formulaires Web et des cases à cocher tous les jours: commenter un article, pour vous abonner à une alerte e-mail, remplir le formulaire de contact, etc. Il est toujours la peine de chercher plus et des moyens plus possible d`optimiser le processus.

Je l`ai déjà partagé quelques FireFox addons pour récupérer les formulaires. Cependant les temps ont changé. De nos jours, de plus en plus de gens utilisent plusieurs navigateurs au hasard et nous avons besoin des outils compatibles multi-navigateur pour couvrir les besoins de chacun.3 extensions Pour récupérer des formulaires & Les données Zone de texte dans Firefox3 extensions Pour récupérer des formulaires & Les données Zone de texte dans FirefoxLire la suite

Les outils basés sur navigateur répertoriés dans ce poste ont seulement quelques fonctionnalités de base, mais ils sont en mesure de rendre vos formes plus utilisable et convivial! En outre, ces aides de formulaire Web sont très faciles à installer, vous pouvez donc tester tout et décider si c`est quelque chose qui pourrait se transformer utile pour vous. Laissez nous savoir!

Enregistrer et récupérer des formulaires

1. Forme simple Fixateur (Greasemonkey UserScript)

Testé sur: Google Chrome et FireFox

Video: Cross Browser Testing / Browser Compatibility Testing

Forme simple est un peu Fixateur belle userscript avec une fonctionnalité énorme: il peut sauver et récupérer presque toute forme. Le script met un point rouge dans le coin supérieur gauche d`une page qui vous permet d`enregistrer toute forme:

  • L`icône est un point rouge pour les pages web où il y a des éléments de forme suffisante pour être utile pour économiser (Si vous ne pouvez pas voir une icône, il n`y a aucune forme sur la page en cours) -
  • L`icône est un carré rouge avec un trou sur les pages Web où vous avez déjà enregistré les informations de forme plus tôt.

assistant formulaire web

Vous pouvez également passer la souris sur l`icône pour voir l`état actuel:

constructeur de formulaires Web

Vous pouvez réellement facilement vous habituer à la façon dont cela fonctionne. L`icône reste dans le cadre de la fenêtre, même si la page a été défiler vers le bas.

Une fois que vous cliquez sur le point rouge, le script enregistre tout, il peut trouver: des cases à cocher, boutons radio, les entrées de texte, menu déroulant des sélections et des zones de texte.

Le script modifie également toutes les cases qui les rend un peu plus grand et donc plus facile à remarquer (en particulier pour les personnes âgées ou les personnes ayant une mauvaise vue). Si vous ne le faites pas comme ça, vous pouvez désactiver ce comportement dans about: config en plaçant la valeur « Formulaire greasemonkey.scriptvals.userscripts.org/Simple Saver.fixed_sizes » à la valeur booléenne true.4 Outils pour rendre les pages Web plus facile à lire pour les personnes ayant une mauvaise vue (Firefox)4 Outils pour rendre les pages Web plus facile à lire pour les personnes ayant une mauvaise vue (Firefox)Lire la suite

2. Enregistrer et récupérer des formulaires (Bookmarklets)

Testé sur: FireFox, Google Chrome, Opera

Installez le bookmarklet d`ici (les formes doivent être max ~ 3 Ko)

Une fois que vous remplissez tous les formulaires sur la page en cours, cliquez sur le bookmarklet et donner à chaque forme un nom. La prochaine fois que vous êtes à la page et que vous voulez récupérer toute forme, cliquez sur l`autre bookmarklet, indiquez le nom du formulaire et il le remplir dans un second.

constructeur de formulaires Web

Vérifier / décocher les multiples

3. Case à cocher Maté

Testé sur: FireFox, Google Chrome

Checkbox Mate (en fonction de cette addon qui n`est plus pris en charge) est une grande userscript qui vous permet de sélectionner plusieurs cases à cocher en dessinant une boîte autour d`eux. Pour commencer à toucher la boîte, placez le curseur sur la case supérieure et faites glisser vers le bas (la même logique fonctionne pour les boîtes décochant):

constructeur de formulaires Web

Video: Cross Browser Testing in Selenium Webdriver using TestNG Parameters

4. cases à cocher

Testé sur: FireFox, Google Chrome

Video: Cross Browser Testing | Multiple Browser Testing | kelvin Boon - Boon Info Tech

Ceci est un userscript très simple qui ajoute un menu en haut de votre écran, vous permettant de vérifier facilement / décocher toutes les cases situées sur la page:

assistant formulaire web

5. Tick Toutes / Tous Décochez / (Un) Cochez Tous (Bookmarklets)

Testé sur: FireFox, Google Chrome, Opera

Video: Awetest WEB: Cross Browser Automation

Trois Bookmarklets du même auteur que les deux ci-dessus - peuvent être installés d`ici

Comme son nom l`indique les trois bookmarklets peuvent être utilisés pour cocher / décocher plusieurs cases en un seul clic de souris.

J`espère que ces aides peu de forme augmenteront votre productivité. S`il vous plaît partager d`autres conseils de productivité de forme que vous utilisez pour remplir plus facilement dans de multiples formes web, nous devons faire face aujourd`hui!

Articles connexes