25

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

46

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

-1

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.

protected by Community Mar 4 '17 at 5:47

Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).

Would you like to answer one of these unanswered questions instead?

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