Comment activer la nouvelle vue de l'inspecteur de page 3D dans Firefox 11


25

Avec Firefox 11, il y a une nouvelle fonctionnalité appelée Inspecteur de page 3D que je voudrais tester car je pense que c'est vraiment utile.

Cependant, je ne peux pas vraiment trouver où cela devrait être activé ou comment le faire!

Est-ce que quelqu'un peut m'aider avec ça? Je deviens fou

Réponses:


17

Appelez l'inspecteur d'éléments à l'aide de Ctrl+ Shift+ Iou en cliquant sur l'élément de menu approprié:

entrez la description de l'image ici

Maintenant, choisissez un élément sur la page (facultatif):
entrez la description de l'image ici

En cliquant sur le bouton 3D, vous obtiendrez la vue 3D souhaitée: entrez la description de l'image ici

Il n'y a pas de bouton "3D" / ça ne marche pas. Et maintenant?

Firefox utilise WebGL pour la vue 3D.

À ma connaissance, cette fonctionnalité était également disponible sous la forme de l' addon Tilt . Le blog dit:

Disponible en tant qu'addon

La dernière version de Tilt peut être trouvée sur Github, mais vous pouvez également télécharger Tilt en tant qu'addon sur addons.mozilla.org.

Pour des raisons de compatibilité, Tilt nécessite des capacités WebGL. Accédez à get.webgl.org pour vérifier la disponibilité et résoudre les problèmes. La version actuelle fonctionne avec Firefox 6.0 aux dernières versions 10.0 Nightly (les dernières versions Nightly prennent désormais également en charge l'anti-crénelage WebGL, fonctionnant très bien avec Tilt).

Pour démarrer Tilt, appuyez sur Control+ Shift+ M(ou Command+ Shift+ Msi vous êtes sous Mac OS), ou allez dans Web Developer -> Tilt, disponible dans le menu de l'application Firefox (ou le menu Outils sur Mac OS). Vous pouvez modifier ce raccourci clavier (et d'autres propriétés) dans le menu Options après avoir démarré Tilt.


Merci!!! Dans la localisation italienne, il est un peu difficile de comprendre que la vue 3D est dans cette fonction !!! Is beautiful
Fire-Dragon-DoL

1
Je n'ai pas le bouton 3D.
janosrusiczki

@kitsched Je suppose que cela nécessite un support WebGL ou quelque chose de similaire. Vous pouvez ouvrir une nouvelle question et voir si quelqu'un le sait.
Der Hochstapler

3
Je ne peux pas pour la vie de moi trouver le bouton 3D. Ce n'est tout simplement pas là! J'ai installé FF11 sur trois ordinateurs différents avec exactement le même résultat! Tout ce que je peux voir, ce sont les boutons HTML et Style.
Captain Sensible

1
Comme Oliver Salzburg le mentionne, allez sur get.webgl.org et voyez ce que cela dit. Dans mon cas, il a indiqué que WebGL est désactivé sur mon système.
ShankarG

23

Mise à jour : il a été supprimé à partir de FF 47, mais est disponible dans un module complémentaire .

Il semble que les mises à jour FF pourraient désactiver cela. L'icône est maintenant différente du bouton "3D" dans d'autres réponses - c'est une icône de cube. Cliquez sur l'icône d'engrenage des paramètres et activez l'option "Vue 3D" dans les outils de développement "Boutons de boîte à outils disponibles".

Firefox 38 - cube et rouage à droite:

Firefox 38

Firefox 30 - rouage à gauche:

Firefox 30


Je comprends que le message demande Firefox 11, mais nous sommes en 2015, Firefox 41, et c'est la réponse pour tous ceux qui recherchent dans les temps modernes (Garder la réponse FF11 n'est plus une aide générale et maintenant spécifique à un petit créneau)
BillyNair

2
Maintenant, c'est 2016, et dans Firefox 47, la fonctionnalité 3D n'est plus intégrée. Mais elle est disponible en tant que plugin: developer.mozilla.org/en-US/docs/Tools/3D_View
Nick Westgate

Drôle, je cherchais juste ça encore hier ... Pourquoi veulent-ils s'en débarrasser?!? C'est l'un des outils de développement Web les plus utiles actuellement! Si vous avez un DIV qui fait quelque chose de bizarre, c'est bien plus facile que 2D de voir où il appartient dans le DOM
BillyNair

1
En effet, tout comme ils ont supprimé les groupes d'onglets. Et le plugin n'a pas été mis à jour depuis 2011, alors qui sait s'il fonctionne toujours ou pour combien de temps.
Nick Westgate

2

Pour activer webgl sur FF (c.-à-d. 11), allez à l'adresse "about: config" dans le navigateur, mettez "webgl" dans la zone de recherche, dblclick (défini sur True) en définissant "layers.acceleration.force-enabled"



1

J'ai eu le problème où le bouton de vue 3D est apparu pour les onglets uniquement en chrome (par exemple about:config) mais n'était pas accessible sur les onglets de contenu normaux. Au début, je pensais que mon pilote graphique avait été mis sur liste noire, mais jouer avec les about:configoptions répertoriées dans d'autres réponses ici n'a pas changé ce comportement.

Il s'avère qu'au moment de la rédaction de cette réponse (13 novembre 2014), les versions nocturnes de Firefox n'affichent pas l'option d'affichage 3D sur les onglets de contenu lors de l'exécution avec Electrolyse (e10s, multi-processus) activée. Le bogue de Mozilla 937166 suit le travail nécessaire pour rendre la vue 3D à distance à travers les processus de contenu.

Pour contourner le problème, désactivez le mode multi-processus dans l' onglet Général des préférences du navigateur:

Onglet «Général» de la fenêtre des préférences de Firefox (tous les soirs), affichant la case à cocher «Activer E10S»


Oui, cela a beaucoup aidé!
Florrie


1

Pour contourner 3D view is not available in multiprocess Firefoxce problème, vous devez désactiver le multi-processus (anciennement connu sous le nom d'électrolyse ou E10).

Il n'y a pas d'option dans les paramètres pour désactiver Enable E10s (multi process) à partir de Firefox v52.

Mais le processus multiple peut toujours être désactivé about:configavec l'option browser.tabs.remote.autostartdéfinie surfalse

entrez la description de l'image ici

Après avoir défini la valeur false, vous devez redémarrer Firefox.

Vous pouvez également vérifier si le multi-processus a été désactivé dans about:support

entrez la description de l'image ici



En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.