visualizando o css modificado na hora usando ferramentas de desenvolvedor [closed]

1

Na ferramenta do desenvolvedor, você pode modificar CSS rapidamente e a exibição muda instantaneamente.

Mas se você clicar em ver a origem da página, receberá o css original do documento

Pode ser maravilhoso ter um CSS desse tipo por um comando ou um addon.

    
por user10089632 05.12.2017 / 15:15

1 resposta

1

Como posso visualizar CSS modificado rapidamente usando ferramentas de desenvolvedor?

Firefox

Edits that you make in the Rules view are reflected in the Style Editor, and vice versa.

Fonte Ferramentas para desenvolvedores do Firefox Examine e edite as CSS

To open the Style Editor choose the "Style Editor" option from the "Web Developer" menu (which is a submenu in the "Tools" menu on the Mac). The Toolbox will appear at the bottom of the browser window, with the Style Editor activated:

Style Editor

Fonte Editor de estilo das ferramentas de desenvolvimento do Firefox

Chrome

Persisting Changes

  • Upon an external style sheet rule modification, the respective resource text is updated in the Resources panel, and the revision history is stored for such style sheet resources until the DevTools window is closed.

  • Activate the Resources panel, find tutorial.css in the resource tree. Note that the tree node is expandable. Click the arrow next to the node title, and you will see all the resource modifications that you have made above.

  • Select any revision to see its differences from the original stylesheet resource, highlighted line-wise.

    enter image description here

  • You can drag and drop a stylesheet revision node into most text editors to export the revision content.

Fonte Como editar estilos

    
por 06.12.2017 / 09:14