Leider habe ich den Inspektor im aktuellen Safari 3 nie mehr gesehen, bis ich vor ein paar Tagen auf das SülzOMat Blog stieß. Einfach im Terminal folgenden Befehl absetzen:

defaults write com.apple.Safari WebKitDeveloperExtras -bool true

Safari neu starten und man hat über das Kontextmenü den neuen Punkt “Element-Informationen”, der den Inspektor startet, der dem beliebten Plugin “Firebug” für Firefox in kaum etwas mehr nachsteht.

Vielen Dank für diesen Beitrag!

Share This

Das ganze macht extrem viel Spaß und auch zügig Fortschritte. Es wird eine ganze Menge neuer Features geben, ein vollständig neues Layout, auf jedenfall: Ganz toll.

Das Bild ist ein kleiner Screenshot der Anwendung. Im Vordergrund sind man den Inspector aus Webkit. Webkit ist die Entwicklungsversion vom Mac OS X Browser Safari, den man sich auf der nightly Seite von Webkit.org kostenlos laden kann. 

Alleine der Inspektor ist superpraktisch. So zeigt er zum Beispiel die vollständige CSS Kaskade für jedes Element an, inklusive überschriebener Properties. Mit ihm kann man im DOM Baum suchen und vieles mehr.
Webkit beherrscht darüber hinaus nativ SVG, auch etwas schönes.

Man darf also gespannt sein, sowohl auf die neuesten Entwicklungen von DailyFratze.de als auch von neuen Safari Versionen.

(Der Header im Screenshot enthält zur Zeit Bilder von anderen, täglichen Photoprojekten, die ich schätze und die mich inspiriert haben. Falls ich diesen so eines Tages in einer Onlineversion die ich nicht nur privat nutze, verwende, werde ich natürlich alle Rechteinhaber vorheransprechen. Nicht, dass sich jetzt jemand durch sein Konterfei in diesem kleinen Screenshot gestört fühlt. Wenn doch, bitte Bescheid sagen.) 

Share This

Der Inputtyp “search” ist allerdings nicht XHTML konform. Mit einem kleinen JavaScript, dass man beim onload des Bodies ausführt, bekommt gültiges XHMTL raus.

Im XHTML Code der Seite ganz normal den Typ “text” notieren und eine Id vergeben:

<input type="text" id="searchtextinput" title="Suche" name="s"/>&#160;<input type="submit" value="go!" />

danach eine JavaScript Funktion mit folgendem Inhalt erstellen und onload ausführen:

var input = document.getElementById("searchtextinput");
input.type = "search";

Share This

Nachdem ich gerade ohne Probleme WordPress 2.0.2 mit dem wundervollen Tiger Style Administration Panel von Steve Smith eingerichtet habe, muss ich mich direkt drüber ärgern, dass auch dort im Safari unter Mac OS X der Default Visual Rich Editor von WordPress nicht angezeigt wird.

Anscheinend führt der Visual Rich Editor im Safari direkt zu einem Totalabsturz. Leider funktionieren selbst die Quicktags nicht im Safari bzw. die Buttons erscheinen erst gar nicht.

Das allerdings kann man leicht ändern: Man braucht nur die Datei admin-functions.php im Verzeichnis wp-admin wie folgt anpassen:

Nach folgendem Textfragment suchen:

if (!strstr($_SERVER['HTTP_USER_AGENT'], 'Safari'))

Danach folgenden Text:

// Browser detection sucks, but until Safari supports the JS needed for this to work people just assume it's a bug in WP
if (!strstr($_SERVER['HTTP_USER_AGENT'], 'Safari'))
	echo '
	<div id="quicktags">
		<script src="../wp-includes/js/quicktags.js" type="text/javascript"></script>
		<script type="text/javascript">if ( typeof tinyMCE == "undefined" || tinyMCE.configs.length < 1 ) edToolbar();</script>
	</div>
';
else echo '

in diesen ändern

// Browser detection sucks, but until Safari supports the JS needed for this to work people just assume it's a bug in WP
echo '
<div id="quicktags">
	<script src="../wp-includes/js/quicktags.js" type="text/javascript"></script>
	<script type="text/javascript">if ( typeof tinyMCE == "undefined" || tinyMCE.configs.length < 1 ) edToolbar();</script>
</div>
';
echo '

und fertig!

Share This