Add-on für veschiedene Browser mit Filterfunktionalität vor dem Rendern gesucht

Add-on für veschiedene Browser mit Filterfunktionalität vor dem Rendern gesucht

Sky (Gast) 21 Jan 2011 06:01

Hi, Stefan, hoffe, dass es Dir gut geht, mal ne Frage:
Kennst Du für Google Chrome (und andere Browser) Addons, die vor dem Rendern bestimmte Inhalte ändern können, also bspw. Kommentare bestimmter Personen ausblenden?
Bspw. in ein DIV-Element gehen und die Darstellung verhindern.
Alles schön programmierbar?

Hab gesucht, aber für Google Chrome nichts gefunden…

Sky

Re: Add-on für veschiedene Browser mit Filterfunktionalität vor dem Rendern gesucht

StefanM 21 Jan 2011 07:16

Hallo Sky,

unter Google Chrome könnte man das mit der Extension Personalized Web erreichen. Die gehört bei mir zum Standard, den ich nicht mehr missen möchte. Denn damit habe ich mir diverse häufig besuchte Seiten wie Google Mail oder Facebook optisch nach Wunsch zurechtgestutzt.

Nach der Installation musst du im Schraubenschlüsselmenü von Chrome Tools / Erweiterungen auswählen und in der dann angezeigten Liste bei Personalized Web auf Optionen klicken. Dort klickst du dann auf Add new rule, gibst als regulären Ausdruck den URL-Adressbereich an, für den die Regel gelten soll, und bei Add CSS kannst du dann die Quelltextanzeige betroffener Seiten manipulieren. Dazu musst du entsprechende Seiten aufrufen und dir deren Source-Code genau angucken. Dann kannst du geeignete Elemente beispielsweise mit display: none !important; zum Verschwinden bringen.

Falls mit CSS nichts zu machen ist, müsstest du ein JavaScript hinzufügen, was ja mit der Extenstion ebenso geht. Dort könntest du beispielsweise in einer for-Schleife alle DOM-Knoten des HTML-Dokuments abarbeiten, und wenn es sich um einen Textknoten handelt, in dessen Inhalt Unerwünschter Name vorkommt, könntest du ihn z.B. samt seines Eltern- und Großelternknotens entfernen. Geht halt nicht ohne etwas DOMScripting.

viele Grüße
Stefan Münz

Sky (Gast) 21 Jan 2011 07:58

Folgende Substruktur:

(div id=comment*> <!— Kriterium1, also dieses Muster muss gefunden werden, * ist eine Integer )
(p)
(a/)
Kriterium2 <! Kriterium2, wenn hier ein bestimmter Inhalt, dann dieses DIV am besten zusammen mit Kriterium2 als Überschrift als ausgeblendet irgendwie kennzeichnen )
(span/)
(span/)
(span/)
(/p)
(p)
Ggf. zu entfernender Text
(/p)
(! hier noch ein wenig Text und HTML-Tags —)
(/div)

Man muss also das oben beschriebene DIV finden, dann ins P rein, und nach dem A kommt dann der Text, der bestimmt, ob der Folgetext angezeigt werden soll oder nicht.

Installation hat geklappt, danke für den Hinweis! - Selten genutztes Tool (7k Installs) btw.
Da muss ich dann im Header ein Javascript einbinden, dass DOM-Parsing macht und den Knoten ersetzt, gell. Hast Du die Befehle im Kopf zufällig oder muss ich doch selbst wühlen?

Sky

Sky (Gast) 21 Jan 2011 08:00

So siehts besser aus…

Folgende Substruktur:

(div id=comment*) (Kommentar: Kriterium1, also dieses Muster muss gefunden werden, * ist eine Integer)
(p)
(a/)
Kriterium2 (Kommentar: Kriterium2, wenn hier ein bestimmter Inhalt, dann dieses DIV am besten zusammen mit Kriterium2 als Überschrift als ausgeblendet irgendwie kennzeichnen)
(span/)
(span/)
(span/)
(/p)
(p)
Ggf. zu entfernender Text
(/p)
(Kommentar: hier noch ein wenig Text und HTML-Tags)
(/div)

Man muss also das oben beschriebene DIV finden, dann ins P rein, und nach dem A kommt dann der Text, der bestimmt, ob der Folgetext angezeigt werden soll oder nicht.

Installation hat geklappt, danke für den Hinweis! - Selten genutztes Tool (7k Installs) btw.
Da muss ich dann im Header ein Javascript einbinden, dass DOM-Parsing macht und den Knoten ersetzt, gell. Hast Du die Befehle im Kopf zufällig oder muss ich doch selbst wühlen?

Sky

StefanM 21 Jan 2011 09:10

Hallo Sky,

im Kopf doch nicht! Sondern hier :-)
Die DOM-Eigenschaft hasAttribute fehlt dort noch. Die wirst du möglicherweise auch gebrauchen können. Die Frickelei mit dem Script musst du selber hinbekommen. Den Code der Prozedur schreibst du einfach in der Extension beim URL-Match ins Feld Add JavaScript.

viele Grüße
Stefan Münz