Firefox add-on pour l'examen de z-index
Je suis en train de travailler sur un assez grand site et éprouve des difficultés dans la gestion de z-index. Est-il un add-on Firefox qui va ressembler à une page et me donner une liste ordonnée de chaque élément avec un z-index déclaré? Cela permettrait d'économiser une tonne de temps pour le cas où un z-index a été mal ou difficiles à trouver.
J'ai trouvé ce utile: erichynds.com/jquery/...
OriginalL'auteur hekevintran | 2010-04-16
Vous devez vous connecter pour publier un commentaire.
Vous le trouverez ici
https://addons.mozilla.org/en-US/firefox/addon/60
Lorsque vous avez installé l'Extension Web Developer, choisissez à partir de son menu
Il y a habituellement un développeur web de la barre d'outils, cliquez sur Informations, puis l'Élément d'affichage des informations, un petit rectangle rouge apparaît autour de l'élément que vous êtes en vol stationnaire, cliquez dessus et un peu de jaune, une boîte apparaîtra dans le coin en haut à gauche avec tous les attributs que l'élément de porte. Raccourci clavier Ctrl+Maj+F.
Aussi, dans les mêmes informations dorpdown, cliquez sur "Afficher les niveaux de la pile".
Génial! "Affichage de la pile niveaux" était exactement ce que je cherchais.
C'est un super outil, je l'utilise allll le temps, C'est automatique pour moi de lancer le site, je Travail sur et appuyez sur ctrl+caps+f tout de suite! Content que ça vous a aidé.
OriginalL'auteur Jobst
Je vous suggère d'utiliser FireBug http://getfirebug.com/
Vous pouvez interroger l'ensemble dom y compris les z-index.
Utiliser un peu de javascript pour vous aider à trouver tous les éléments de z-index:
1. chargement de jquery
2. insérer ce code javascript:
si votre console de firebug n'est pas chargé, il va donner une bordure rouge à tous les éléments avec un z-index et perpend le z-index de la valeur de la case.
c'est vrai oui, mais en cliquant sur l'élément, vous pouvez voir si il y a un z-index ou pas. L'utilisation de firebug et utiliser un peu de javascript qui vous permet de trouver tous les éléments de z index: 1. chargement de jquery 2. insérer ce code javascript: <script type="text/javascript"> //replacethis par le elemets qui pourrait avoir un z index ('div, span, etc..') $('replacethis').each(function(){ if ($(this).css('z-index')) { console.log($(this)) } }) </script> assurez-vous que votre console de firebug est sur
OriginalL'auteur meo
Très vieille question, à ce stade, mais dans le cas où quelqu'un d'autre vient de cette façon, il ya encore (hein, "encore" ... vous ne savez pas si elle existait, lorsque la question a été posté à l'origine ou pas) un add-on Firefox appelé "Tilt 3D" qui offre une vue 3D d'une page web et est excellent pour le diagnostic de z-index questions.
https://addons.mozilla.org/en-US/firefox/addon/tilt/
Firefox même eu la même fonction intégrée dans une sorte de formulaire d'aperçu de quelques versions, mais plus tard, l'a supprimé. Le ci-dessus add-on n'a pas été mis à jour depuis 2011, mais fonctionne encore pour le moment. De la santé mais attention,: multi-appui au processus de Firefox est progressivement venir à la vie avec Firefox versions successives, et ce module ne fonctionne pas avec multi-processus (également appelé Électrolyse ou tout simplement "e10s') est activé. Plus d'informations ici:
https://wiki.mozilla.org/Electrolysis
OriginalL'auteur John Rix