Content-Arranger
Der Content-Arranger ist eine Komfort-Funktion, welche nur der Pocket Proxy beherrscht und bisher einzigartig ist. Der Content-Arranger kann den Inhalt einer Homepage in einer anderen Reihenfolge anzeigen lassen.
Warum?
Als Mobil-Surfer hat man ein ganz anderes Surf-Gefühl. Beispielsweise möchte man stets die wichtigen Inhalte oben stehen haben um lästigen Scrollen auf dem Mobilgerät zu vermeiden. Der Content-Arranger springt in diese Lücke und ordnet die Inhalte der Homepage neu an um das Surfen einfacher und bequemer zu machen.
Funktionsweise
Der Content-Arranger reagiert auf bestimmte Kommentare im HTML-Quellcode. Deshalb ist es erforderlich auf den Quellcode Zugriff zu haben. Die Ausnahme sind grosse Seiten wie Heise, bei denen ist ein entsprechender Algorithmus implementiert um die Neuanordnung der Inhalte vorzunehmen.
Anleitung
Es ist eine gewisse Erfahrung was HTML betrifft notwendig um die Änderung vorzunehmen, gerne unterstützt Sie auch der Webmaster von Pocket Proxy dabei die entsprechenden Änderungen vorzunehmen. Kontakt kann per Email aufgenommen werden.
Die Kommentare
Hier ist eine Liste, der speziellen Kommentare, welche verwendet werden können:
- <!--P16CP0---> + <!--P16CP0/--->
- <!--P16CP1---> + <!--P16CP1/--->
- <!--P16CP2---> + <!--P16CP2/--->
- <!--P16CP3---> + <!--P16CP3/--->
- <!--P16CP4---> + <!--P16CP4/--->
- <!--P16CP5---> + <!--P16CP5/--->
- <!--P16CP6---> + <!--P16CP6/--->
- <!--P16CP7---> + <!--P16CP7/--->
- <!--P16CP8---> + <!--P16CP8/--->
- <!--P16CP9---> + <!--P16CP9/--->
Je nach dem welche Nummer in dem Kommentar enthalten ist, wird der entsprechende Inhalt an einer bestimmten Stelle angezeigt. Niedrige Zahlen erscheinen weiter oben, höhere Zahlen weiter unten.
Beispiel
Folgender Quellcode dient als einfaches Beispiel.
23:11:16:<html>
<head>
<title>Test</title>
</head>
<body>
<div>
<ul>
<li>Navigation 1</li>
<li>Navigation 2</li>
<li>Navigation 3</li>
<li>Navigation 4</li>
</ul>
</div>
<div id="content">Hauptinhalt: Viel Text, Text Text Text</div>
</body>
</html>
Um jetzt die Navigation unten anzuzeigen und den Inhalt oben sind folgende Änderungen vorzunehmen:
<html>
<head>
<title>Test</title>
</head>
<body>
<!--P16CP1--->
<div>
<ul>
<li>Navigation 1</li>
<li>Navigation 2</li>
<li>Navigation 3</li>
<li>Navigation 4</li>
</ul>
</div>
<!--P16CP1/--->
<!--P16CP0--->
<div id="content">Hauptinhalt: Viel Text, Text Text Text</div>
<!--P16CP0/--->
</body>
</html>
Wichtig!
Bitte genau auf die Syntax achten. Vor allem auf das schliessende /-Zeichen beim Ende des Blocks.