Dec 02
Actually, Safari provides advanced debugging tools for web developers. By default, it turns off. You can turn it on by paste this command (defaults write com.apple.Safari IncludeDebugMenu 1) into Terminal. You can use additional functionality like the JavaScript console, Web Inspector, and spoof Internet Explorer.
Here is the screenshot of Web inspector tool:
Here is the video tutorial:
August 10th, 2008 at 4:02 am
hello, very good site, to correct the blue border in the search engine uses border: none;
Can I use the same design mentioning the author?
August 22nd, 2008 at 5:05 pm
How do I do this on Windows? Do I have to do something with regedit?
September 21st, 2008 at 1:34 pm
There is an easy way to turn on “Developer toolbar” on safari on Windows. If you have installed Safari 3.0 or above, Select “Edit” > “Preferences” > “Advanced” tab > check the box “Show develop menu in menu bar” at the bottom of the dialog box. I hope this help. And, thank you for visiting.
February 7th, 2009 at 3:42 pm
If you’re using Webkit, you can also enable the Webkit Developer extras by running “defaults write com.apple.Safari WebKitDeveloperExtras -bool true” on the command line (I’ve detailed this at http://www.geekology.co.za/blog/2009/02/enabling-the-safari-and-webkit-debug-menu-and-developer-tools/)
September 25th, 2009 at 3:52 am
There is also the Web Developer Toolbar that is really useful in Firefox. I use it all the time in my work.
What is important here, encouraging here, is that the tools in Safari are improved and the need for web development tools is understood. Competition is a GOOD thing!
November 9th, 2009 at 11:00 am
Do you know how to edit a plugin for safari ?
December 3rd, 2009 at 8:35 am
Nice but seriously lacking features. I’m still a huge fan of the web developer toolbar. If I’m hacking CSS I want to be able to see my actual CSS, not some hacked up corrected domified version, make changes to it, then cut and paste.
If I’m styling an element, I want to be able to mouse over the element and see its dom path in a status bar, not click through the whole dom tree. Safari looks pretty but manages in the process to totally hide the raw data. If there’s a bug, it’s in the data, not one step removed in the dom.
Since Mozilla messed up the source view and added offline mode I’ve been considering migrating away. Unfortunately Safairy isn’t the one yet. Roll on Chrome for Mac?