Archiv der Kategorie: browser

Verbesserte Suche in Chromes Omnibar einschalten

Wer wie in Firefox gern verschiedene Suchwörter eintippt, um dann auf die richtige URL zu kommen, der ist bei Chrome schwer enttäuscht, dass das bisher nicht ging. Eine Suche wie „frame zend man de“ zeigt zum Beispiel auf die de-Seite des Zend Frameworks, ähnliche Suchen führe ich täglich mehrere dutzend mal durch; „da war doch letztens so eine Seite, da ging es um x und y und irgendwas mit z … aha, eintrag 3“.

Das geht aber auch mit Chrome und zwar so (danke an @skaverat für den Tip):

  • Chrome 11 öffnen; ggf. vorher updaten
  • about:flags eingeben
  • ziemlich weit unten „Besseren Abgleich mit dem Omnibox-Verlauf ermöglichen“ aktivieren
  • Chrome neu starten
  • keywords wie in Firefox eingeben

Nun fehlt mir nur noch ein nativer Firebug in Chrome und ich schmeiße Firefox weit weg 😉

Runde Ecken mit CSS…

… sind ja heute kein Problem mehr.

Einfach ein

border-radius: 6px;

in das Stylesheet des Div’s und man hat rundherum runde Ecken.

Allerdings sollte man aufpassen, wie dick die Ecken sind.

Bei sowas hier geht es schief:

border: 2px solid #E0E8F4;
border-left-width: 51px;
border-radius: 6px;

Kurz erklärt: 2 Pixel Rand rundherum, nur links 51 Pixel, dann die Ecken 6 Pixel abrunden, fertig.
An und für sich eine einfache Sache, denkt man.

Hier mal Bilder der Browser:

Firefox 4:

firefox

Internet Explorer 9:

ie

Bis hierhin kein Problem, IE9 und Firefox machen alles “richtig”, aber nun:

Chrome 10:

chrome

Man erkennt, dass oben und unten jeweils ein kleiner Teil fehlt.
Der Knaller ist aber Opera 11 (verlinkt auf größeres Bild, da kann man es besser sehen):

opera

Man kann erkennen, dass Opera da irgendeinen “Bogen” nach unten rendert.

Ursache ist wohl die unterschiedliche Dicke der Rahmen und dazu noch die border-radius Eigenschaft, die da wohl Probleme machen.

Vergrößert man den radius-Wert, kann man das ganze auch besser erkennen (hier 18px):

opera2

Die beiden Ecken auf der rechten Seite sind immer in Ordnung, einzig die webkit-Browser und Opera machen ein “Problem”.

Meine Frage nun an euch: Wie behebe ich das? Hat dazu jemand einen Vorschlag?

Telefonnummer nicht als Skype-Link anzeigen

Kennen sicherlich ein paar Leute, man platziert auf einer Seite eine Telefonummer und wundert sich dann über komische Bug-Reports, bei denen es um Layout-Probleme geht.
Irdendwann findet Mensch dann raus: Beim Reporter des Problems werden die Telefonnummern in Skype-Links umgewandelt und die zerschießen dann das Layout.

skypelinks1

In manchen Foren findet Mensch dann den Hinweis, doch bitte eine Meta-Tag einzubauen, allerdings funktioniert dieses nicht immer (in meinem Test machte es überhaupt keinen Unterschied, ob das Tag da war oder nicht, die Nummer wurde immer als Skype-Link dargestellt.
Der Vollständigkeit halber: Hier ist es, evtl. funktioniert es ja beim ein oder anderen:


Allerdings: Dank dieses Blogbeitrags von Michael funktioniert nun die Blockade des Umwandelns sehr gut und zuverlässig. Er bedient sich dazu eines kleinen Tricks.

Skype wandelt nur Nummer um, die es erkennen kann. In HTML gibt es ein nettes Tag, SHY. Es sorgt bei Zeilenumbrüchen dafür, dass an definierten Stellen (dort wo ­ platziert ist) eine Zeilenumbruchsanzeige (ein -) erstellt wird, so dass man bei komplizierten Wörtern einen Grammatikalisch richtigen Zeilenumbruch im Wort platieren kann. Der Browser wird – so denn der Text umgebrochen werden muss – an der Stelle des ­ den Umbruch anzeigen. Und nun: Muss der Text nicht umgebrochen werden, wird auch nichts angezeigt!

skypelinks2

Ich füge das ­ nun ganz weit vorn ein, Skype kann nun mit diesem Link nichts mehr anfangen und wir können endlich unsere Nummer so anzeigen, wie es sein sollte.

IE8 erkennt den CSS Child Selector nicht

Das Problem: In IE8 funktioniert der CSS Child Selektor > nicht. Warum auch immer. In den “Entwicklertools (F12)” wird im Reiter “Layout” eine “width” von 290px gezeigt, im Reiter “Format” steht ganz klar die “width” auf “500px !important;”.

Was nun?

Nach langer Suche die Lösung und zwar bei Microsoft direkt.

Note   Combinators are enabled only in standards-compliant mode (strict !DOCTYPE).

Quelle: http://msdn.microsoft.com/en-us/library/aa358819.aspx

Und in meinem Fall war es dann so, dass es eine alte “Debugausgabe” gab, die dann den IE8 wohl daran hinterte, den !DOCTYPE richtig zu erkennen. Somit wurden eben viele Funktionen deaktiviert, auch die Child Selektoren.

Debug ausgabe raus, !DOCTYPE rutscht in die erste Zeile, Ausgabe stimmt, alles okay.

Google aktualisiert Chrome auf Version 3

Ab und zu benutze ich Google´s Chrome Browser. Ich finde diesen Browser recht gut, vor allem schnell. Leider fehlt mir – um komplett zu wechseln – die möglichkeit, Add-On´s zu installieren. Ich brauche, berufsbedingt, solche Sachen wie Firebug und co., um vernünftig und effektiv arbeiten zu können. Gut, bei Chrome heißen die Add-On´s Extensions und kommen irgendwann mit Version 3.

Nun, gestern meine Überraschung. Ich starte Chrome, alles okay. Ich surfe etwas, mache Chrome kurz dannach wieder aus. Surfe noch was mit Firefox, mache dann Chrome wieder an und siehe da: Die Seite “Neuer Tab” sieht schon ganz anders aus. Ein Blick in die Info und siehe da: Chrome Version 3.0.195.21. Cool, die Version 3 ist aus dem Beta und mittlerweile stable, sehr schön.

Kleiner Test mit den Extensions, aber: Funktioniert immer noch nicht, weil deaktiviert. Gut, warte ich noch eine Weile, aber Firefox lebt mittlerweile echt gefährlich.

Ein wenig hoffe ich auch darauf, dass Mozilla sowas wie Memory Management und schnelleres Startverhalten noch in eines der nächsten Releases hinbekommt. Firefox ist toll zum arbeiten, Chrome sehr gut zum surfen auf JavaScript-lastigen Seiten – zum Beispiel in Browsergames.

Schauen wir mal, was die Zukunft bringt.

Kleiner Randbeitrag: SR Ware´s Iron Browser – Chrome ohne Google sozusagen – ist ebenfalls in Version 3.0.197.0 erschienen. Beim Iron sind aber die Extension aktiviert. Leider funktioniert schon das Google eigene GMail-Checker nicht richtig, auch an dieser Baustelle (Iron Browser) muss ich also noch was warten.

Pimp your Firefox – Firefox beschleunigen

Firefox ist ein sehr guter Browser, grade für Leute wie mich, die damit mehr machen (müssen) wie nur surfen. Und damit Firefox auch richtig schnell rennen kann, sammele ich Tips und Tricks wie man den Browser noch schneller einstellt.

ACHTUNG: Alle Tips gebe ich ohne Garantie und ich weise expliziet darauf hin, dass falsche Einstellungen euren Browser auch beschädigen können!

Generell: Die Änderungen werden nicht über ein Menü durchgeführt, vielmehr liegen diese Eisstellungen in den „versteckten“ Optionen von Firefox, die so direkt nicht zugänglich sind. Um diese Optionen anzuzeigen macht ihr ein neuen Tab auf und tipps als Adresse ein: about:config
Dann kommt noch eine Sicherheitsabfrage, nach dem Motto: „Bist du dir sicher was du tust?“ und ihr sagt dort „Ich werde vorsichtig sein, versprochen“. Somit kommt ihr dann in die Optionen.

dKGbMEYIUUw[1]

Dieser Tab hat ganz oben noch eine Separate Eingabeleiste. Dorthin tippt oder kopiert ihr die Kommandos, die unten stehen.

JqxEnyPOlzE[1]

Kommen wir zu den einzelnen Einstellungen:
Ihr gebt den „Wertname“ in die Eingabezeile ein und drückt oder , existiert dieser Wert schon, wird dieser angezeigt. Dann könnt ihr den Wert per Doppelklick eintragen. Exisitiert der Wert nicht, könnt ihr einen neuen Wert anlegen, indem ihr irgendwo im Fenster mit der Rechten Maustaste klickt und dann auf „Neu“ und dann „String“, „Integer“ oder „Boolean“ wählt, der Wert steht immer mit bei den Einstellungen.

Bei den meisten Einstellungen müsst ihr den Browser komplett neu starten, damit diese wirksam werden.

Einstellen, wie viel RAM Firefox für den Cache benutzt
Wertname: browser.sessionhistory.max_total_viewer
Wert: 0 (Null)
Typ: Integer
Wertname: browser.sessionstore.max_windows_undo
Wert: 1
Typ: Integer
Wertname: browser.sessionstore.max_tabs_undo
Wert: 3
Typ: Integer
Wertname: browser.sessionhistory.max_entries
Wert: 8
Typ: Integer

Die Ladezeit für Webseiten erhöhen
Wertname: network.http.pipelining
Wert: true
Typ: boolean
Wertname: network.http.proxy.pipelining
Wert: true
Typ: boolean
Wertname: network.http.pipelining.maxrequests
Wert: 8 (bei DSL ab 6000, darunter auf 6 stellen)
Typ: Integer
(Bei manchen Seiten steht eine 10 für diesen Wert, Firefox bis Version 3.5 kann aber intern nur 8 Verbindungen aufbauen…das reicht aber auch).

Zeitverzögerung bei Antworten minimieren
Wertname: nglayout.initialpaint.delay
Wert: 0 (Null)
Typ: ineteger
IPV6 aktivieren
Wertname: network.dns.disableIPv6
Wert: false
Typ: boolean
Das Frontend beschleunigen
Wertname: content.notify.backoffcount
Wert: 5
Typ: integer
Wertname: plugin.expose_full_path
Wert: true
Typ: boolean
Wertname: ui.submenuDelay
Wert: 0 (Null)
Typ: integer

Größe des RAM während der Minimierung runtersetzen
Wertname: config.trim_on_minimize
Wert: true
Typ: boolean

Einen externen Editor für die Quelltexte verwenden
Wertname: view_source.editor.path
Wert: Kompletter Pfad zum Editor
Typ: string
Wertname: view_source.editor.external
Wert: true (oder false, wenn das ganze deaktiviert werden soll)
Typ: boolean

Versionsprüfung der Firefox-Addons (Extensions) deaktivieren
Wertname: extensions.checkCompatibility
Typ: boolean
Wert: false

Natürlich würde ich mich über eure Tips auch freuen. Habt ihr noch ein paar „Hints“, wie man den Fuchs noch schneller bekommt? Immer her damit …