Blog-Kategorien

Hat Ihnen dieser Beitrag gefallen?

t3n Social News ist ein offenes News- und Link-Portal rund um die Themenbereiche Open Source, Web 2.0, Webentwicklung, Apple, Linux und TYPO3.

 

Facebook

Gefällt Ihnen diese Seite? Dann teilen Sie das doch gleich ihren Facebook-Freunden mit.

Twitter

Folgen Sie Jürg Langhard, dem Inhaber und Geschäftsführer von GreenBanana GmbH, bei Twitter.

21.01.2010 22:41 Alter: 191 days
Rubrik: Tutorial, Tutorial

Verwenden von Firebug im IE, Opera und Safari


Darstellung von Firebug-Light

Firebug ist das wohl beliebteste Firefox-Addon bei Webentwickler. So beliebt es ist, so sehr wird es von vielen vermisst in den Webbrowsern wie Internet-Explorer (IE), Opera oder auch Safari.

getfirebug.com

Eine abgespeckte (aber trotzdem extrem hilfreiche) Möglichkeit ist die Verwendung von firebug-light. Es handelt sich dabei um einen JavaScript-basierte Nachbau, welcher einen Teil des Funktionsumfangs von Firebug direckt auf der entsprechenden Website zur Verfügung stellt.

getfirebug.com/lite.html

Damit man dieses nützliche Tool auch auf einer Seite einsetzen kann die im LIVE-Betrieb ist, benötigt es nur wenige Zeilen TypoScript.

Wird folgendes Snipet verwendet, kann man sich mittels Anhängen von &firebug=1 in der URL die firebug-light-Darstellung anzeigen lassen. Somit ist sie für den "normalen" Websiteuser unsichtbar und durch das setzen von "config.linkVars = firebug" muss der GET-Parameter auch nur einmal gesetzt werden. Alle Links werden damit automatisch mit dem Parameter "firebug=1" versehen.

 

TypoScript

# headerData mit dem entsprechenden JS ergänzen, 
# falls als GET-Parameter "firebug=1" definiert ist.
[globalVar = GP:firebug = 1]

# linkVar definieren
config.linkVars = firebug

page.headerData.10 = TEXT
page.headerData.10.value(
  <script type='text/javascript'
        src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'>
  	firebug.env.height = 200;
  </script>    
)
[END]

Kommentare

#1 Tschüge schrieb am 22.01.2010 11:40

Ich habe soeben das TypoScript noch ein wenig optimiert.

Der Parameter "firebug=1" wird so, nachdem man das Debugging mit "firebug=0" beendet hat, nicht mehr weiter an die Links angehängt.

einen Kommentar schreiben
Wenn Sie das Wort nicht lesen können, bitte hier klicken.
CAPTCHA Bild zum Spamschutz


Blog Netiquette

Dieses Blog ist eine offene Dialog-Plattform, auf der Mitarbeiter von GreenBanana Beiträge veröffentlichen.

Umgangston im Blog vom GreenBanana

  • Behandeln Sie andere hier im Blog immer so, wie Sie selbst behandelt werden möchten.
  • Jeder hat eine eigene Meinung und das Recht seine Meinung hier kundzutun. Sachliche Diskussionen, auch eine gesunde Streitkultur ist bei kritischen Themen wünschenswert. «Hart, aber fair», lautet die Devise hier im Blog.
  • In diesem Blog haben persönliche Angriffe, übertriebener Sarkasmus, Beleidigungen oder Beschimpfungen nichts zu suchen. 
  • Die Blog-Kommentarfunktion soll somit eine sachliche Diskussion ermöglichen. Um dies zu gewährleisten, behalten wir uns auch vor, Kommentare zu löschen, die einer Diskussion nicht dienlich sind und die sich nicht auf die Beiträge beziehen. Es besteht kein Anspruch auf Veröffentlichung.

Wir löschen bzw. sperren Kommentare bei:

  • Aufforderungen zu Gewalt gegen Personen, Institutionen oder Unternehmen
  • Pornografie
  • Missbrauch als Werbefläche für Webseiten oder Dienste
  • Rassismus und Hasspropaganda
  • Beleidigungen, Verletzungen, persönliche Angriffe oder Entwürdigungen von Personen oder Firmen in jeglicher Form.
  • Aufruf zu Demonstrationen und Kundgebungen jeglicher politischer Richtung
  • Kommentare, die sich nicht auf den kommentierten Beitrag beziehen

Ausschlussklausel für Haftung
Die Kommentare zu unseren Beiträgen spiegeln allein die Meinung einzelner Leser wider. Für die Richtigkeit und Vollständigkeit der Inhalte übernimmt GreenBanana keinerlei Gewähr.