Como ativar a nova exibição do inspetor de página 3D no Firefox 11

25

Com o firefox 11, há um novo recurso chamado inspetor de páginas 3D que eu gostaria de testar porque acho que é realmente útil.

No entanto, não consigo descobrir onde isso deve ser ativado ou como fazê-lo!

Alguém pode me ajudar com isso? Estou ficando louco

Dragão-Fogo-DoL
fonte

Respostas:

17

Chame o Element Inspector usando Ctrl+ Shift+ Iou clicando no item de menu apropriado:

insira a descrição da imagem aqui

Agora, escolha um elemento na página (opcional):
insira a descrição da imagem aqui

Ao clicar no botão 3D, você obtém a visualização 3D desejada: insira a descrição da imagem aqui

Não há botão "3D" / Não funciona. E agora?

O Firefox usa o WebGL para a visualização 3D.

Para meu entendimento, esse recurso também estava disponível anteriormente na forma do complemento Tilt . O blog diz:

Disponível como um complemento

A versão mais recente do Tilt pode ser encontrada no Github, mas você também pode fazer o download do Tilt como um complemento em addons.mozilla.org.

Para compatibilidade, o Tilt requer recursos WebGL. Acesse get.webgl.org para verificar a disponibilidade e solucionar problemas. A versão atual funciona com o Firefox 6.0 até as versões 10.0 Nightly mais recentes (as versões mais recentes do Nightly agora também oferecem suporte ao anti-aliasing de WebGL, funcionando muito bem com o Tilt).

Para iniciar o Tilt, pressione Control+ Shift+ M(ou Command+ Shift+ Mse você estiver no Mac OS) ou vá para Web Developer -> Tilt, disponível no menu do aplicativo Firefox (ou no menu Ferramentas no Mac OS). Você pode modificar esta tecla de atalho (e outras propriedades) no menu Opções após iniciar o Tilt.

Der Hochstapler
fonte
Obrigado!!! Na localização italiana é um pouco difícil de entender que a visualização 3D está nessa função !!! É bonito
Fire-Dragon-DoL 15/03/12
1
Eu não tenho o botão 3D.
21312 Janosrusiczki
@kitsched Eu diria que requer suporte WebGL ou algo semelhante. Você pode abrir uma nova pergunta e ver se alguém sabe.
Der Hochstapler 20/03/12
3
Na minha vida, não consigo encontrar o botão 3D. Simplesmente não está lá! Instalei o FF11 em três computadores diferentes com o mesmo resultado! Tudo o que posso ver são os botões HTML e Estilo.
Capitão Sensible
1
Como Oliver Salzburg menciona, vá para get.webgl.org e veja o que diz. No meu caso, ele disse que o WebGL está desativado no meu sistema.
ShankarG 27/03
23

Atualização : Foi removido do FF 47 em diante, mas está disponível em um complemento .

Parece que as atualizações do FF podem desativar isso. O ícone agora é diferente do botão "3D" em outras respostas - é um ícone de cubo. Clique no ícone de engrenagem de configurações e ative a opção "Visualização 3D" nas Ferramentas do desenvolvedor "Botões disponíveis da caixa de ferramentas".

Firefox 38 - cubo e roda dentada à direita:

Firefox 38

Firefox 30 - roda dentada à esquerda:

Firefox 30

Nick Westgate
fonte
Entendo que a postagem solicite o Firefox 11, mas estamos em 2015, Firefox 41, e essa é a resposta para quem procura nos tempos modernos (manter a resposta do FF11 não é mais uma ajuda geral e agora é específico para um pequeno nicho)
BillyNair 13/10/2015
2
Agora é 2016, e no Firefox 47 em diante, o recurso 3D já não é construído em Mas é disponível como um plugin:. Developer.mozilla.org/en-US/docs/Tools/3D_View
Nick Westgate
Engraçado, eu estava procurando isso de novo ontem ... Por que eles querem se livrar disso ?! É uma das ferramentas de desenvolvimento web mais úteis do momento! Se você tem um DIV fazendo algo estranho, esta é a maneira mais fácil do que 2D para ver onde ele pertence no DOM
BillyNair
1
De fato, assim como eles removeram grupos de guias. E o plug-in não é atualizado desde 2011, então quem sabe se ainda funciona ou por quanto tempo.
22716 Nick Westgate
2

Para habilitar o webgl no FF (ou seja, 11), vá para o endereço "about: config" no navegador, coloque "webgl" na caixa de pesquisa, dblclick (defina como True) definindo "layers.acceleration.force-enabled"

Tio Bob
fonte
1

Nada funcionou para mim, exceto o seguinte:

  • Vá para about: config
  • Definir webgl.force-enabledcomo true.
  • Definir webgl.msaa-forcecomo true.
  • Definir layers.acceleration.force-enabledcomo true.
  • Definir gfx.direct2d.force-enabledcomo true.

Fonte: http://techawakening.org/firefox-11-3d-inspect-button-not-working/946/

bancer
fonte
1

Eu tive o problema em que o botão de visualização em 3D apareceu para guias apenas de cromo (por exemplo about:config), mas não estava acessível nas guias de conteúdo normal. No começo, pensei que meu driver gráfico estivesse na lista negra, mas mexer nas about:configopções listadas em outras respostas aqui não mudou esse comportamento.

Acontece que, no momento em que escrevemos esta resposta (13 de novembro de 2014), as versões noturnas do Firefox não mostram a opção de exibição 3D nas guias de conteúdo ao executar com o Electrolysis (e10s, multi-processo) ativado. O bug 937166 da Mozilla rastreia o trabalho necessário para tornar a visualização 3D remotável através dos processos de conteúdo.

Como solução alternativa, desative o modo de vários processos na guia Geral nas preferências do navegador:

Guia 'Geral' da janela de preferências do Firefox (noturno), mostrando a caixa de seleção 'Ativar E10S'

William Price
fonte
Sim, isso ajudou muito!
Florrie
1

Para contornar 3D view is not available in multiprocess Firefoxo problema, desative o multiprocesso (anteriormente conhecido como eletrólise ou E10s).

Não há opção nas configurações para desativar Ativar E10s (multi processo) iniciando o Firefox v52.

Mas o processo múltiplo ainda pode ser desativado about:configcom a opção browser.tabs.remote.autostartdefinida comofalse

insira a descrição da imagem aqui

Depois de definir como false, você precisa reiniciar o Firefox.

Você também pode verificar se o processo múltiplo foi desativado no about:support

insira a descrição da imagem aqui

mauron85
fonte