Über 60 Entwickler Tools für Firefox

Firefox hat seinen Erfolg zum Großteil den vielen Plugins zu verdanken. Erst diese machen den Browser zu einer eierlegenden Wollmilchsau. Mozilla hat auf seinem Entwickler Blog eine kleine Auswahl von über 60 Plugins für Entwickler vorgestellt, die ich euch nicht vorenthalten will. Neben bekannten Plugins sind auch einige Erweiterungen für das Firebug Plugin dabei.

aurora_beta_firefox

Links zu den Erweiterungen findet ihr im Originaleintrag

  • Accessibility Evaluation Toolbar
  • All in One Sidebar
  • Cache Status: Cache Verwaltung
  • CacheToggle: Browser Cache löschen
  • Colorzilla: Farben Manager
  • Console²: ersetzt die JavaScript Console
  • CSS Reloader: CSS einer Seite neu laden
  • DOM Inspector: DOM untersuchen
  • Firefogg: Video und Audio encodieren
  • FireFTP: FTP/SFTP Client für Firefox
  • FireUnit: JavaScript Unit Testing 
  • FoxGuide: Layout Tool
  • FoxyProxy. Proxy Verwaltung
  • Geolocater: Standortbestimmungen anpassen
  • GreaseMonkey: Webseiten modifizieren
  • HTML Validator. Validierungstool
  • HttpFox: HTTP analysieren
  • iMacros for Firefox: Firefox automatisieren
  • Jenkins Build Monitor: Jenkins in der Statusleiste
  • jQuery extension: jQuery und jQuery UI  im Browser.
  • JSONovich: Druckt JSON Inhalte
  • JSONView: JSON Dokumente im Browser betrachten.
  • JSView: JS Dateien einzeln betrachten oder laden
  • Link Widgets: Navigation vereinfachen
  • Live HTTP Headers: Zeigt die HTTP Header einer Seite an
  • LiveReload: Seite neu laden
  • MeasureIt: Lineal für Webseiten
  • Modify Headers: HTTP request Header anpassen
  • NoScript: Scripte blockieren
  • PageSpeed: Web Performance messen
  • PixelZoomer: Screenshot und Pixelanalyse Tool
  • Pixlr Grabber: Screenshot Tool
  • Poster: Web Services testen
  • QuickJava: Java, Javascript, Flash, Silverlight über Statusbar aktivieren
  • Rainbow: Farben Management
  • Regular Expressions: Reguläre Ausdrücke testen
  • Remove Cookie(s) for Site: Alle Cookies einer Seite entfernen
  • Screenshot Pimp: Screenshot Tool
  • SQLite Manager: SQLite Datenbanken verwalten
  • Selenium IDE Buttons: Selenium IDE öffnen
  • SeoQuake SEO extension: SEO/SMO Erweiterung
  • ShowIP: IP anzeigen
  • Stylish: Themes und Skins für Google, Facebook, YouTube, Orkut...
  • Tamper Data: HTTP/HTTPS Header anzeigen und anpassen
  • TAW3
  • Tilt 3D: 3D Visualisierung einer Seite (WebGL)
  • Total Validator: Verschiedene Validierungsprozesse
  • TryAgain: Webseite neu laden
  • User Agent Switcher: Browserbenutzer wechseln
  • Wappalyzer: Backend Technologie einer Webseite anzeigen
  • Web Developer: Entwicklersammlung

Firebug Erweiterungen

  • Acebug: Syntax Highlighting
  • Code Coverage: Javascript code coverage.
  • CSS Usage: Verwendete CSS Regeln betrachten
  • Firecookie: Cookieverwaltung
  • Firefinder: Findet HTML Elemente zum passenden CSS Selektor
  • FirePHP
  • FireQuery
  • friendly bug: Einfachere Verwendung
  • Inline Code Finder: Inline JavaScript events, Inline style oder links finden
  • FireRainbow: Javascript syntax highlighting
  • NetExport: Daten aus Firebug in  HTTP Archive oder JSON sichern
  • Pixel Perfect: Overlays entwerfen
  • YSlow: Webseitenperformance messen

Firefox 8.0.1 offiziell - zwei Fehler behoben

Heimlich, still und leise hat Mozilla Firefox 8.0.1 veröffentlicht. Wer die neue Version nicht über die Update Funktion beziehen möchte, der kann sie nun offiziell herunterladen.

firefox-8.0.1

Die Neuerungen bzw. Fehlerbehebungen halten sich natürlich in Grenzen, sie betreffen eigentlich nur Mac OS X und RoboForm Anwender. Bei RoboForm handelt es sich um eine Erweiterung die Formulare automatisch ausfüllt. Aktuell ist Version 7.6.4 , wobei bei älteren Varianten Absturzprobleme auftreten. Hier der vollständige Changelog

  • Fixed Mac OS X crash that occurred in certain instances when a Java Applet is loaded with Java SE 6 version 1.6.0_29 installed.
  • Fixed Windows startup crash caused by RoboForm versions older than 7.6.2.

Download


Eigene Google+ Badges, Widgets, Plugins oder Führerscheine verwenden

Google Badges sind seit dieser Woche offiziell für Google+ Pages verfügbar. Google hat dafür eine eigene Konfigurationsseite erstellt, auf der man die Auswahl zwischen sechs verschiedenen Formaten hat. Auf ITrig seht ihr in der Seitenleiste beispielsweise das "Large Icon" zur ITrig Google+ Page.

Google+ Badges

google-badges

GooglePlus Widget

Neben dem offiziellen "Social Plugin" gibt es Alternativen, welche die eigene Seite bewerben können. So findet ihr auch weiterhin den Hinweis auf meinen privaten Google+ Account, welcher mit Widget Plus erstellt wurde.

widget-plus

Wordpress Plugins

Alternativ dazu gibt es auch Wordpress Plugins um Google+ zu promoten. Dazu zählt GoogleCards für Wordpress von PlusDevs, welches im Stil eines klassischen Widgets daherkommt. Wer lieber auf offizielle Google Badges zurückgreifen möchte, der verwendet besser das Google+ for Pages Plugin.

google-cards

Google+ Führerschein

Wem diese Auswahl bisher überhaupt nicht zugesagt hat, der kann auf die Google+ License Card zurückgreifen. Dieser Fuehrerschein kann mit Hilfe der Google ID erstellt werden und als Bild in die eigene Seite eingebunden werden. Für Fans statischer Inhalte eignet sich diese Möglichkeit wohl am Besten.

google-fuehrerschein

pdf.js - Firefox als PDF Betrachter verwenden

Schon seit einer Weile arbeiten die Mozilla-Entwickler Chris Jones und Andreas Gal Mozilla an PDF.js. Dabei handelt es sich um einen auf Javascript und HTML5 basierenden PDF Betrachter, der in spätere Firefox Versionen integriert werden soll.

Der Firefox PDF Reader befindet sich noch in der Entwicklung , ist aber schon lauffähig. Die Oberfläche bietet ein Vorschauleiste und typische Navigationselemente, wie Vor, Zurück, Zoom, Drucken, Download und Durchsuchen. Die Darstellung von PDF Dokumenten erfolgt pixelgenau, das verwendete System sollte allerdings Direct2D und DirectWrite kennen. Neben Type 1 Fonts kann PDF.js bereits gestrichelte Linien darstellen und mit verschlüsselten Dokumenten umgehen.

firefox-pdf.js

Wer jetzt schon auf externe Plugins von Anbietern wie Adobe verzichten möchte oder einfach eine Alternative sucht, der kann die aktuelle Version von PDF.js benutzen.

PDF.js in Firefox installieren

  1. Aktuelle Version von PDF.js herunterladen
  2. Add-on Bereich aufrufen (STRG+Umschalt+A)
  3. In der oberen Leiste "Zahnrad/Add-on aus Datei installieren" wählen
  4. Sollte ein anderes Programm wie Adobe Reader installiert sein, muss das zuständige Plugin deaktiviert werden

    firefox-pdf.js-acroba

  5. Nach einem Neustart sollte PDF.js bei Bedarf Standard Betrachter automatisch im Browser starten

Google Chrome: Neue Tab Seite deaktivieren

Seit Version 15 erstrahlt die Neuer Tab bzw. Startseite von Googles Chrome Browser in neuem Design. Die meistbesuchten Seiten und installierten Apps werden in Minitaturansicht eingeblendet zwischen denen hin und her navigiert werden kann.

Aktuelles Design

chrome-15

Nicht allen gefällt das neue Design und sie wünschen sich den alten Look zurück

Altes Design

chrome-altes-design

Neue Tab Seite abschalten

Möchte man nicht auf Erweiterungen wie "Empty New Tab Page" oder "Define your own Tab" zurückgreifen, kann mit einem einfachen Trick die alte Tab Seite aktiviert werden.

Dazu ruft man per Rechtsklick die "Eigenschaften" einer Google Chrome Verknüpfung auf

chrome-altes-design

Dort navigiert man zum Reiter "Verknüpfung" und fügt in der Adresszeile "Ziel" den Schlüssel "--new-tab-page" ans Ende hinzu. Nachdem das ganze mit "Ok" bestätigt wurde, sollte die alte Tabseite beim nächsten Start erscheinen.

Wer möchte kann diese Anpassung auch direkt an der Chrome.exe vornehmen, diese befindet sich in Windows 7 unter C:\Users\Name\AppData\Local\Google\Chrome\Application via

chrome-altes-design

[UPDATE 16.4.2014]

Die neuesten Chrome Versionen (ab 33) zeigen immer die meistbesuchten Seiten an. Hier fehlt unter chrome://flags sogar die Option diese mit dem Schalter "Instant Extended API deaktivieren" auszublenden. 

Google bietet somit von Haus aus keine Möglichkeit mehr häufig besuchte Seiten im neuen Tab Fenster zu entfernen. Es müssen Drittanbierter und oder Tricks genommen werden, um wieder die alte Ansicht zu erhalten. Die einfachste und auch meine favorisierte Lösunge ist der Einsatz des New Tab Redirect Addon. Hier muss einfach in den Einstellungen "chrome://apps" als Startseite hinterlegt werden und schon ist die alte Ansicht wieder vorhanden.

NewTabRedirect

Alternativ kann auch AdBlock Plus verwendet werden, was bei den meisten Anwendern bereits installiert sein dürfte. Hier muss lediglich für die "New Tab" Seite ein neuer Filter mit folgenden Inhalt erstell werden

www.google.de###most-visited