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?

safari web-inspector

— user2056671
fonte

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.

— 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.

— sandeep kumar
fonte

Não funciona na versão atual

— JGallardo