life, the universe and everything

Einen coolen Trick um den Inhalt einer beliebigen Webseite abzuändern, fand ich im Internet.

Dazu muss man im Browser folgendes in die Adresszeile eingeben:

javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0

Danach kann man die Webseite komfortabel im Browser editieren, z.B. Inhalte löschen.

Das ganze funktioniert im Internet Explorer sowie auch im Firefox.

Könnte man dann den abgeänderten Quellcode auch noch abspeichern, hätte man einen simplem WYSIWYG HTML Editor

Auf einigen Homepages ist mir schon aufgefallen, dass markierter Text eine andere Farben hat als das Standard blau der meisten Browser.

Nach kurzer Googlesuche stiess ich auf die Lösung: Das CSS Atribut ::selection und ::-moz-selection.

Das Attribut ::selection funktioniert im Safari, für den Firefox muss ::-moz-selection verwendet werden. In anderen Browser funktioniert das ganze soviel ich weiss nicht.

Mit diesem Attribut kann die Text- sowie Hintergrundfarbe von markiertem Text festgelegt werden. So würde ein Beispiel Code aussehen:

::-moz-selection {
background-color: #ccff66;
color: #ffffff;
}

::selection {
background-color: #ccff66;
color: #ffffff;
}

Auch in meinem Blog wird markierter Text nun grün dargestellt:

Weitere Infos: http://www.quirksmode.org/css/selection.html