27

I've tried Firebug Lite for Safari, but content wasn't editable. Is there an alternative to edit HTML, CSS, etc?

52

Just enable Show Developer Menu in Safari's Preferences, Advanced tab.

Enable-Develop-mode-Safari

It will enable the option Inspect Element when you right click the page. You can also start it with Command+Option+I.

You can get more info about this option in Safari for Developers - Tools and Safari Web Inspector Guide: The Develop Menu.

  • Yeah, but if I want to see the computed style of a web link, hovering doesn't update the style and clicking the link on the page goes to the link target. How can I show the computed style of a link without Safari instead jumping to the link target? – clearlight Jan 30 at 17:36
  • @clearlight you can use Computed tab: support.apple.com/guide/safari-developer/… – denisvm Jan 30 at 17:45
0

You can edit css by double clicking on the "{" symbol present in the right side css section. Also you can edit the html by removing the firebug plugin and then doing inspect element mode.enter image description here

0

you can do this with simple steps

in menu bar click on Edit->preference->advance at bottom click the check box true that is for Show develop menu in menu bar now a develop menu is display at menu bar where you can see all develop option and inspect.enter image description here

  • Does not work on current version – JGallardo Dec 5 '18 at 3:07

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .