| | 1 | [[PageOutline]] |
| | 2 | |
| | 3 | = Web Inspector = |
| | 4 | The Web Inspector is tool that allows you to view information about CSS styles, DOM hierarchy and more in a compact floating window. More information about the Web Inspector [wiki:"Web Inspector" can be found here]. |
| | 5 | |
| | 6 | = Drosera = |
| | 7 | Drosera is a debugger for JavaScript. More information can be found on the [wiki:"Drosera" Drosera page]. |
| | 8 | |
| | 9 | = Debug menu = |
| | 10 | Safari includes a debug menu that contains some tools that may be useful to web developers. To enable the debug menu, enter the following command in Terminal and restart Safari: |
| | 11 | {{{ |
| | 12 | defaults write com.apple.Safari IncludeDebugMenu YES |
| | 13 | }}} |
| | 14 | |
| | 15 | Once the debug menu is enabled, you'll have access to the JavaScript console that allows you to see JavaScript errors if you don't need the full functionality of the [wiki:"Drosera" Drosera debugger]. You can also simulate a variety of user agent strings to help with user agent detection debugging. |
| | 16 | |
| | 17 | The Page Load Test might also useful for those interested in performance. The [http://webkit.org/blog/?p=75 Surfin' Safari blog] has more information about using the PLT as does this page on [http://webkit.org/projects/performance/index.html general WebKit performance]. |
| | 18 | |
| | 19 | = Detecting WebKit with Javascript = |
| | 20 | If you need to detect a specific version of WebKit, we have a JavaScript library to help you. More information can be found on the [wiki:"DetectingWebKit" Detecting WebKit with JavaScript page]. |
| | 21 | |
| | 22 | = Useful Links = |
| | 23 | * [http://developer.apple.com/internet/safari/uamatrix.html Safari/Webkit Version Matrix] List of all Safari/WebKit versions and the corresponding updates they shipped with. |
| | 24 | * [http://developer.apple.com/internet/safari/faq.html Safari FAQ] Answers many common questions about Safari/WebKit. |
| | 25 | * [http://developer.apple.com/opensource/internet/nightlywebkit.html Working with the WebKit Nightly Builds] Includes information about changes to the {{{<script>}}} and {{{<canvas>}}} tags.[[BR]][[BR]] |
| | 26 | * [http://developer.apple.com/internet/webcontent/objectdetection.html Object detection] ADC article on alternatives to browser sniffing. |
| | 27 | * [http://developer.apple.com/internet/webcontent/xmlhttpreq.html XMLHttpRequest in Safari] ADC article on using the XMLHttpRequest object. Includes examples. |
| | 28 | * [http://developer.apple.com/internet/webcontent/bestwebdev.html Web Page Development: Best Practices] ADC article suggesting some best practices for web development. |
| | 29 | * [http://en.wikipedia.org/wiki/User_agent#Example_user-agent_strings Extensive list of common user agent strings] (Wikipedia) |
| | 30 | * [http://css-discuss.incutio.com/ css-discuss] Active mailing list and extensive wiki. |
| | 31 | * [http://www.hixie.ch/advocacy/xhtml Serving XHTML as text/html] Ian Hickson's article on the dangers of serving XHTML as text/html. |
| | 32 | * [http://www.d.umn.edu/itss/support/Training/Online/webdesign/css.html Web design references] Links about every topic imaginable. |
| | 33 | * [http://www.w3.org/TR/CSS21/ CSS 2.1 Spec] When all else fails, consult the spec. |
