Virtueller HTML Eingang eines Lüftungsgeräts

**Christian Fenzl** · 04.08.2018, 21:44

Das wird nichts Schnelles, und möglicherweise direkt vom Miniserver aus garnichts.

Im HTML sind zwei JavaScript Libraries angeführt, die die Daten abholen. Wie genau, steht da drin.
Mit dem HTML selbst kannst du leider nichts anfangen :-(

**Gast** · 04.08.2018, 22:29

Danke dir für die Antwort. Dann lasse ich mal lieber die Finger davon und hänge in die Lüftungsstränge einfach noch einen zusätzlichen 1-wire-Fühler und erhebe die Daten direkt über die 1-wire-Extension.

Beste Grüße
Nikolay

**Gast** · 05.08.2018, 07:51

Hallo alle zusammen,

ich habe denke ich doch eine Möglichkeit gefunden. Meine KWL gibt eine "mobile" Seite aus. (http://192.168.187.34/indexmobile.html#monitor)

Dort sind die Daten nicht über ein JAVA-Script bereitgestellt, sondern erscheinen mir direkt im html. Sehe ich das richtig?

<!DOCTYPEhtml>

<html>

<head>

<title>KWL Control</title>

<metaname="viewport"content="width=device-width, initial-scale=1">

<metahttp-equiv="Content-Type"content="text/html; charset=UTF-8">

<linkrel="stylesheet"href="css/jqm.css.gz"/>

<linkrel="stylesheet"href="css/mhfmobile.css.gz"/>

<linkrel="stylesheet"href="branding/branding-mobile.css"/>

<linkhref="images/apple-touch-icon.png"rel="apple-touch-icon"/>

<linkhref="images/apple-touch-icon-72x72.png"rel="apple-touch-icon"sizes="72x72"/>

<linkhref="images/apple-touch-icon-114x114.png"rel="apple-touch-icon"sizes="114x114"/>

<linkhref="images/apple-touch-icon-144x144.png"rel="apple-touch-icon"sizes="144x144"/>

<linkhref="images/apple-touch-icon-precomposed.png"rel="apple-touch-icon-precomposed"/>

<scripttype="text/javascript"src="libs/jq.js.gz"></script>

<scripttype="text/javascript"src="AppMobile.js.gz"></script>

<scripttype="text/javascript"src="libs/jqm.js.gz"></script>

</head>

<body>

<divid="StartMessage">

<h2>KWL data is loading. If page is not accessible, click reload...</h2>

<h2>KWL-Daten werden geladen. Ist die Seite nicht erreichbar, bitte neu laden...</h2>

</div>

<divid="RealContent"class="starthidden">

<divdata-role="page"id="one">

<divdata-role="header">

<divclass="TitleSpace RefPos">

<divclass="TitleText"id="TitleContainerMain"></div>

<divclass="TitleLogo"id="TitleLogoContainerMain"></div>

</div>

<divclass="TitleLine"></div>

<divid="NaviTitleStart"class="MobileTitleBox"></div>

</div>

<divdata-role="content">

<uldata-role="listview"data-inset="true"data-filter="false">

<li><ahref="#settings"id="LabelSettings"></a></li>

<li><ahref="#monitor"id="LabelMonitor"></a></li>

<li><ahref="#infos"id="LabelInfos"></a></li>

<lidata-icon="false">

<inputtype="button"id="ValueFullVersion"value=""/>

</li>

<lidata-icon="false">

<selectname="ValueLanguage"id="ValueLanguage">

</select>

</li>

</ul>

<divid="MainDateTime"></div>

</div>

</div>

　

<divdata-role="page"id="settings">

<divdata-role="header">

<divclass="TitleSpace RefPos">

<divclass="TitleText"id="TitleContainerSettings"></div>

<divclass="TitleLogo"id="TitleLogoContainerSettings"></div>

</div>

<divclass="TitleLine"></div>

<divid="NaviTitleSettings"class="MobileTitleBox"></div>

</div>

<divdata-role="content">

<uldata-role="listview"data-inset="true"data-filter="false">

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelVentilationLevel"></div>

<divclass="DataValue"id="ValueVentilationLevel"></div>

</li>

<liclass="LiItem"data-icon="false">

<inputtype="button"id="ActionVentilationUp"value="▲"/>

</li>

<liclass="LiItem"data-icon="false">

<inputtype="button"id="ActionVentilationDown"value="▼"/>

</li>

</ul>

<ahref="#one"data-direction="reverse"data-role="button"><spanid="SettingsBack"></span></a>

</div>

</div>

　

<divdata-role="page"id="monitor">

<divdata-role="header">

<divclass="TitleSpace RefPos">

<divclass="TitleText"id="TitleContainerMonitor"></div>

<divclass="TitleLogo"id="TitleLogoContainerMonitor"></div>

</div>

<divclass="TitleLine"></div>

<divid="NaviTitleMonitor"class="MobileTitleBox"></div>

</div>

<divdata-role="content">

<uldata-role="listview"data-inset="true"data-filter="false">

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelTempOutside"></div>

<divclass="DataValue"id="ValueTempOutside"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelTempZuluft"></div>

<divclass="DataValue"id="ValueTempZuluft"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelTempAbluft"></div>

<divclass="DataValue"id="ValueTempAbluft"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelFrostschutz"></div>

<divclass="DataValue"id="ValueFrostschutz"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelEnergySaving"></div>

<divclass="DataValue"id="ValueEnergySaving"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelPHI"></div>

<divclass="DataValue"id="ValuePHI"></div>

</li>

<liclass="LiItem"data-icon="false"id="BypassContainer">

<divclass="DataLabel"id="LabelBypass"></div>

<divclass="DataValue"id="ValueBypass"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelZuluftRPM"></div>

<divclass="DataValue"id="ValueZuluftRPM"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelAbluftRPM"></div>

<divclass="DataValue"id="ValueAbluftRPM"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelFilter"></div>

<divclass="DataValue"id="ValueFilter"></div>

</li>

</ul>

<ahref="#one"data-direction="reverse"data-role="button"><spanid="MonitorBack"></span></a>

</div>

</div>

　

<divdata-role="page"id="infos">

<divdata-role="header">

<divclass="TitleSpace RefPos">

<divclass="TitleText"id="TitleContainerInfo"></div>

<divclass="TitleLogo"id="TitleLogoContainerInfo"></div>

</div>

<divclass="TitleLine"></div>

<divid="NaviTitleInfo"class="MobileTitleBox"></div>

</div>

<divdata-role="content">

<uldata-role="listview"data-inset="true"data-filter="false">

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelDeviceName"></div>

<divclass="DataValue"id="ValueDeviceName"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelVHardware"></div>

<divclass="DataValue"id="ValueVHardware"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelVSoftware"></div>

<divclass="DataValue"id="ValueVSoftware"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelVWeb"></div>

<divclass="DataValue"id="ValueVWeb"></div>

</li>

</ul>

<uldata-role="listview"data-inset="true"data-filter="false">

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelOperatingHours"></div>

<divclass="DataValue"id="ValueOperatingHours"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelCloudStatus"></div>

<divclass="DataValue"id="ValueCloudStatus"></div>

</li>

</ul>

<uldata-role="listview"data-inset="true"data-filter="false">

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelIPV4"></div>

<divclass="DataValue"id="ValueIPV4"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelNetmask"></div>

<divclass="DataValue"id="ValueNetmask"></div>

</li>

<liclass="LiItem"data-icon="false">

<divclass="DataLabel"id="LabelMac"></div>

<divclass="DataValue"id="ValueMac"></div>

</li>

</ul>

<ahref="#one"data-direction="reverse"data-role="button"><spanid="InfoBack"></span></a>

</div>

</div>

　

<divdata-role="page"id="PageError">

<divdata-role="header">

<divclass="TitleSpace RefPos">

<divclass="TitleText"id="TitleContainerError"></div>

<divclass="TitleLogo"id="TitleLogoContainerError"></div>

</div>

<divclass="TitleLine"></div>

<divid="MobileErrorTitle"class="MobileTitleBox"></div>

</div>

<divdata-role="content">

<h2id="NoConnectionText"></h2>

</div>

</div>

</div>

　

</body>

</html>

**Labmaster** · 05.08.2018, 08:14

Wo gedenkst du denn da Daten zu sehen ? Ich jedenfalls sehe da keine.
Auch bei dieser Seite wird entsprechend Javascript verwendet.

**romildo** · 05.08.2018, 08:14

Gast
Hallo,
Ich sehe da keine Daten, wo siehst du welche?
Zeig mal eine Zeile wo Du welche siehst.

**Gast** · 05.08.2018, 10:56

Wie recht ihr doch habt. So verlockend der virtuelle Http-Eingang auch ist. Da ich keine Ahnung habe sollte ich die Finger davon lassen. Die Beispiele im loxwiki sind aber so verlockend und klingen so einfach. Dabei war ich schon an einer scheinbar einfachen Übung gescheitert, die ich zwischenzeitlich über die Modbusschnittstelle - für meine Verhältnisse - leichter habe lösen können.

Da hat es die Werte auf der Website aber wenigstens noch angezeigt.

z.B. für Bus 1 Sensor 1 43.3
und für Bus 1 Sensor 2 52.8

<!DOCTYPEHTML>

<html>

<pstyle='text-align: center;'> </p><pstyle='text-align: center;'><spanstyle='font-size: xx-large;'><strong>1-Wire Modbus TCP/IP Gateway</strong></span></p><p> </p><tablestyle='height: 33px; border-color: #3366ff; background-color: #ccffff; margin-left: auto; margin-right: auto;'border='#3366ff'width='789'cellspacing='#3366ff'cellpadding='#3366ff'><tbody><trstyle='height: 18px;'><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>Sensor</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>Temperatur</strong></td><trstyle='height: 18px;'><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 1</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>43.3

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 2</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>52.8

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 3</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 4</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 5</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 6</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 7</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 1 Sensor 8</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong></strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong></strong><strong></strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 1</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 2</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 3</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 4</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 5</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 6</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 7</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr><tdstyle='width: 124px; height: 18px;'><strong>Bus 2 Sensor 8</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>0.0

</strong><strong>°C</strong></td></tr></tbody></table><pstyle='text-align: center;'><spanstyle='color: #000000;'><strongstyle='font-size: large;'>Signal WLAN = -76

</strong></span><hstyle='text-align: center;'><spanstyle='color: #000000;'><strongstyle='font-size: large;'>dBm</strong></span></h></p><pstyle='text-align: center;'><spanstyle='color: #000000;'><strongstyle='font-size: large;'>Gateway IP = 192.168.187.32

<pstyle='text-align: center;'><spanstyle='color: #000000;'><strongstyle='font-size: large;'>MAC = 8B:CC:94:EB:F3:84</strong></span></p><pstyle='text-align: center;'> </p><pstyle='text-align: center;'> </p><pstyle='text-align: center;'> </p></html>

　

**Christian Fenzl** · 05.08.2018, 11:39

Bus 1 Sensor 1\i<strong>\i\v

Wenn du HTML-Code hier einfach in den Beitrag einfügst, kann man nicht mehr sagen, wie dieser in Original ausgesehen hat. Deswegen musst du selbst mit dem Original experimentieren. (In Bezug auf Leerzeichen, Zeilenumbrüche usw)

**romildo** · 05.08.2018, 11:47

Gast
So wie ich das sehe wird es so vermutlich nich funktionieren da nach Sensor 1 gleich ein <strong> folgt, vielleicht geht es aber so:
Bus 1 Sensor 1<strong>\i<strong>\i\v

**Christian Fenzl** · 05.08.2018, 11:50

romildo
<strong>Bus 1 Sensor 1</strong></td><tdstyle='width: 125px; text-align: center; height: 18px;'><strong>43.3
</strong>

Mein Beispiel müsste schon funktionieren.

**Gast** · 05.08.2018, 19:26

Hi,

ich habe es getestet. Es funktioniert. Ich werde nun mal testen, was stabiler läuft und dann entweder über Modbus TCP oder den virtuellen HTTP Eingang. Die Werte benötige ich ja nur einmal und die sollten auch stetig übereinstimmen.

Beste Grüße und vielen Dank.

**Gast** · 26.08.2018, 17:52

So - nun ein kurzes Feedbach. Die Auslesung über Modbus TCP habe ich abgeschaltet und lade nur noch über den HTTP-Eingang. Dadurch das mein Modbus TCP Gateway über W-Lan eingebunden ist, lief das einfach nicht stabil genug. Über die Auslesung via http werden kleine Fehler - die im MS ohnehin in der Logik geglättet sind - viel leichter verziehen und es läuft wesentlich stabiler.

Besten Dank!

Virtueller HTML Eingang eines Lüftungsgeräts

Virtueller HTML Eingang eines Lüftungsgeräts

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar