Inspecionar elemento no Safari?

28

Eu tentei o Firebug Lite for Safari, mas o conteúdo não era editável. Existe uma alternativa para editar HTML, CSS, etc?

user2056671
fonte

Respostas:

53

Basta ativar o Mostrar menu do desenvolvedor nas Preferências do Safari, guia Avançado .

Ativar modo de desenvolvimento-Safari

Ele ativará a opção Inspecionar elemento quando você clicar com o botão direito do mouse na página. Você também pode iniciá-lo com Command+ Option+ I.

Você pode obter mais informações sobre esta opção no Safari for Developers - Ferramentas e no Safari Web Inspector Guide: O menu Develop .

denisvm
fonte
Sim, mas se eu quiser ver o estilo calculado de um link da Web, passar o mouse não atualiza o estilo e clicar no link da página vai para o destino do link. Como posso mostrar o estilo computado de um link sem o Safari em vez de pular para o destino do link?
clearlight
@clearlight você pode usar a Computedguia: support.apple.com/guide/safari-developer/…
denisvm 30/01
0

Você pode editar o css clicando duas vezes no símbolo "{" presente na seção css do lado direito. Além disso, você pode editar o html removendo o plugin firebug e, em seguida, inspecionando o modo de elemento.insira a descrição da imagem aqui

Zakthi Chellappa
fonte
0

você pode fazer isso com etapas simples

na barra de menus, clique em Editar-> preferência-> avançar na parte inferior. Clique na caixa de seleção true, que é Mostrar menu de desenvolvimento na barra de menus. Agora, um menu de desenvolvimento é exibido na barra de menus, onde você pode ver todas as opções de desenvolvimento e inspecionar.insira a descrição da imagem aqui

sandeep kumar
fonte
Não funciona na versão atual
JGallardo