Friday, April 29, 2011

View HTML Source In Safari With Color Syntax Highlighting

The View Source command (Option-Command-U) in Safari displays HTML source code in plain text. You might get color envy when you view the nicely formatted, colored syntax highlighted HTML source using Firefox or Chrome. Here are three ways you can get colored syntax highlighting in Safari.

Using Web Inspector Under Developer Menu
HTML source code colored syntax highlighting is available in Safari Web Inspector under the Developer menu. This option is not enabled by default. Open Safari Preferences and select the advanced tab. Checked the tick box “Show Developer menu in menu bar” to enable the Developer menu.

You should see the addition of a “Developer” menu next to the “Window” menu. Open up Web Inspector from menu Developer->Show Web Inspector or using Option-Command-I. A new window will pop up occupied the bottom half of your Safari window, displaying the HTML source with colored syntax highlighting.


  1. I have never read about these kind of location its so unique and wonderful.
    Desert Safari

  2. I was very encouraged to find this site. I wanted to thank you for this special read. I definitely savored every little bit of it and I have you bookmarked to check out new stuff you post. front end developers