Firefox 10 mit Entwickler-Tools

Firefox hat in Version 10 ein Set an integrierten Entwickler-Tools spendiert bekommen. Enthalten sind im Wesentlichen die gängigen Funktionen, die man vom Firefox-Add-on Firebug oder dem Web Inspector der Webkit-basierten Browser kennt.

With Page Inspector, developers can peek into a page’s structure and layout without having to leave Firefox. […] Style Inspector makes editing the style of websites even easier. Now developers have quick access to CSS properties and can view or change values for their website within Firefox.

Firefox 10 mit Entwickler-Tools weiterlesen

Safari 5: JavaScript-Debugging mit dem Web Inspector

Mit dem Erscheinen von Safari 5 ist selbstverständlich auch eine neue Version des Web Inspector enthalten. Er dient zum Analysieren und Debuggen von Webseiten (ähnlich dem Firebug-Plugin für Firefox).

The Web Inspector gives you quick and easy access to the richest set of development tools ever included in a browser. From viewing the structure of a page to debugging JavaScript to optimizing performance, the Web Inspector presents its tools in a clean window designed to make developing web applications more efficient.

Als Flashentwickler ist man es gewohnt, einen Debugger zu haben. Das entsprechende JavaScript-Pendant findet man in Safaris „Web Inspector” – und dieser wurde weiter verbessert in Safari 5. Hier eine kurze Anleitung, wie man mit dem neuen Web Inspector Breakpoints setzen kann und Variablenwerte direkt aus dem Code ausliest.

Safari 5: JavaScript-Debugging mit dem Web Inspector weiterlesen