Dynamisch ladende Seite als ganzes in html abspeichern?

Hallo zusammen!

Ich habe folgende Frage:

Gibt es eine Möglichkeit (Funktion in Javascript, extra Add on o.Ä.) eine dynamisch ladende Seite abzuspeichern?

Konkret meine ich z.B. bei Telegram-Web ist es so, dass niemals alle Nachrichten gleichzeitig geladen werden, sondern die laden immer dann, wenn man hochscrollt und ich möchte gerne allgemein (und eben speziell bei Telegram) irgendeine Funktion haben, wie ich mir davon dann auch ein Snapshot (also die Seite als html) abspeichern kann.

Ich hatte es schon mithilfe von perplexity versucht, allerdings hat das nicht geklappt, da er mir nur ein Skript ausgegeben hat, dass die Seite einmal durchscollt und dann als html speichert, allerdings werden dann wieder frühere Nachrichten nicht mitgespeichert.

Danke im Voraus!

1 Antwort

JanaL161

16.07.2024, 13:20

Nativ gibt es so etwas nicht. Ich denke, du kannst entweder die API abfragen und die Nachrichten als Text speichern, oder beim Durchscrollen mit einem MutationObeserver oder so, dir alle einkommenden Nachrichten abspeichern und dann extern das HTML zusammensetzen.

Ich kenne nichts Fertiges, was Letzteres macht. Fürs Erste gibt es sicherlich Tools, ich habe aber mit keinem Erfahrung und du musst beachten, dass so etwas wahrscheinlich gegen die Terms of Service ist.

person498

Beitragsersteller

16.07.2024, 14:07

Vielen Dank!

MutationObeserver oder so, dir alle einkommenden Nachrichten abspeichern und dann extern das HTML zusammensetzen.

Was macht der erwähnte Mutation Observer? Erkennt er nur Änderungen oder funktioniert das auch so, wie ich mir das vorgestellt hatte (Speichern der gesamten Seite (meinetwegen als einzelne Dateien) beim runterscrollen)?

Bei der Abfrage der API kann ich mir sehr gut vorstellen, dass das gegen die Terms ist, daher lasse ich das, danke aber trotzdem!

JanaL161

16.07.2024, 14:25

@person498

Ein Mutation-Observer gibt nur aus, welche Änderungen im DOM vorgenommen werden (einfügen / entfernen von HTML-Schnipseln, Änderungen des Inhalts, etc.).

Ohne eigenen Code geht es eher nicht :/

person498

Beitragsersteller

16.07.2024, 14:30

@JanaL161

Ok, danke.

Was du, ob es und wenn ja, wo es Online-Ressourcen dazu gibt?

Bin leider im Programmieren nicht ganz so affin.

JanaL161

16.07.2024, 14:48

@person498

Hmm also dazu müsstest du schon einmal die Basics von Javascript beherrschen, sowie dich etwas mit Browsern / dynamischen Webseiten auskennen und bereits ein Konzept dazu haben. Das alles in einem Wochenende zu erlernen wird eher schwierig :/

Ich würde entweder einfach trotzdem die API nutzen (so schnell wird man eigentlich nicht blockiert); gegebenenfalls mit einem anderen Account und einer anderen IP. Oder jemanden beauftragen, der so etwas kann.

Sonst, wenn es auch okay wäre, ein Video / Screenshots im Vorbei-Scrollen machen.

person498

Beitragsersteller

16.07.2024, 15:03

@JanaL161

Danke!

Ähnliche Beiträge

HTML und CSS - Box erscheint nach Klick auf Button und verschwindet nach Klick auf Text wieder?

Die Aufgabenstellung lautet:

"Füge der Webseite einen Button hinzu, bei dessen Betätigung eine Box erscheint, die den Text anzeigt: „Diese Funktion ist noch nicht implementiert. Bitte schließen.“

Die Box soll beim Klick auf den Text wieder unsichtbar werden.

Die Box soll ihre Farbe ändern, wenn man mit der Maus darauf fährt."

Einzelne Punkte schaffe ich, aber nicht dass die Box z.B. wieder weg geht wenn man in den Text klickt ...

Freue mich über jede Nachricht!

...zum Beitrag

Telegram Audio Voice Message abspeichen bei "Geheimer Chat" möglich für IOS?

Ist es möglich audio nachrichten abzuspeichen im "Geheimen Chat"
Da ich ein IPhone habe, wäre es gut das mir jemand antwortet mit IOS Erfahrung

...zum Beitrag

Was sind statische und dynamische Funktionen einer Website?

Hallo,

ich arbeite gerade an einer Fallstudie und komme bei diesem Punkt nicht weiter:

"Gib eine Empfehlung, welche Funktionen / Darstellungen für die Website im neuen Bestellprozess statisch und welche dynamisch (Server-seitig, Client-seitig) umgesetzt werden sollen und welche Markup-, Skript- und/oder Programmiersprachen hierzu jeweils genutzt werden sollen. "

Kann mir jemand diese Aufgabe erläutern?

Danke vorab! :)

...zum Beitrag

Wie mit Pentesting starten?

hallo,

wie der Titel schon verrät würde ich gerne wissen wie man in das Thema Pentesting einsteigt. Da ich Krankheitsbedingt im Sommer Probleme habe hätte ich gern einen Job auch von Zu Hause aus, das Thema beschäftigt mich schon sehr lange, ich habe bei Hackthebox diese Tutorials gemacht, durch die Fragen welche man beantworten muss kommt man ja auf die Sprünge und Funktionen welche man dort quasi ausprobieren soll, ebenfalls habe ich bei Udemy einen Python Kurs, HTML Kurs, einen JavaScript und einen Kurs zum Hacken von Webanwendungen dort gekauft ( von TheMorpheus dem Youtuber)

ich habe alle Kurse mal angefangen jedoch denke ich selbst auch nicht das man alles 100% beherrschen muss, bzw. würde ich gern wissen was man denn wirklich braucht, ebenfalls habe ich erste Erfahrung mit Kali.

bei den meisten Tutorials steht ja das man keine Vorkenntnisse braucht es aber von Vorteil wäre Html und JavaScript zu lesen, bei dem Kurs von dem Hacken der Webanwendungen geht es zum Beispiel im XSS Angriffe und wie man diese quasi ausfiltern bzw. Umgehen kann, tatsächlich verstehe ich dort meist nur Bahnhof, liegt es daran das ich php und JavaScript noch nicht verstehe oder bin ich einfach nicht schlau genug? Kann ja natürlich auch sein das diese Sachen einfach zu hoch für mich sind oder ich nicht automatisch um genug Ecken denke das diese Sachen was für mich sind.

ich würde quasi gern Fehler in Websiten suchen, falls jemand dort Tipps hat wie ich anfangen kann und was ich dafür lernen soll bitte her damit! :)

ich bin nicht interessiert an quasi „einfach Trojaner per Mail an 10.000 Leute zu senden und Leute zu hacken, das wäre natürlich der einfachste weg, ich interessiere mich tatsächlich einfach wie man mit der Website vor dem Kopf Sachen findet oder sogar von dort in den Server kommt oder Ähnliches.

ich habe nach 22 Stunden html Kurs erstmal aufgehört was etwa 50% sind weil ich auch wenn ich eventuell jetzt Webseiten schreiben kann, und eventuell Fehler im Code sehen könnte nicht weiß wie ich sowas ausnutzen könnte oder dadurch in die Website oder das System kommt, so geht es mir bei den anderen Sachen natürlich auch.

über antworten von Personen die tatsächlich Ahnung zu diesem Thema haben freue ich mich sehr! Bitte keine Personen die quasi auf dem selben Wissensstand wie ich sind und grad dabei sind zu lernen, ich beschäftige mich damit schon Jahre mal mehr, mal weniger und möchte endlich mal konkrete Antworten! :D

Danke im Voraus

...zum Beitrag

JavaScript warten, bis sich Variable ändern?

Ich habe ein Formular mit einem Submit-Button.

<button onClick={() => submitHandler("fromSubmitButton")}>Submit</button>

Die submitHandler Funktion sendet über einen Websocket eine Nachricht an den Server, ohne eine direkte Antwort zu bekommen, wie es mit async/await funktionieren würde:

socket.emit('email-submit', value)

Nach einiger Zeit kommt vom Server bzw. Websocket eine Nachricht:

        socket.on('badEmailORphone', function(msg) {
            setBadEmailORphone(msg)
        });

In der Zeit zwischen dem Klick auf Submit und setBadEmailORphone gesetzt wird, möchte ich einen Ladescreen einblenden.

Rein logisch müsste ich den Ladescreen ab Klick auf den Submit-Button bis setBadEmailORphone setzen, aber wie kann ich in JavaScript x Sache machen, bis sich eine Variable ändert?

Meine erste Theorie war:

Submit onClick:

while(!setBadEmailOrphone) setLoading(true) //Mit etwas Delay zwischen Durchläufen

...zum Beitrag

Wie kann ich eine JavaScript function einmal am Tag ausführen?

Ich möchte einen chatbot für telegram programmieren der einmal am Tag eine Nachricht sendet weiß aber nicht wie.

...zum Beitrag

Löscht Telegram Nachrichten komplett?

Löscht die App Telegram die Nachrichten bei der Funktion "Geheimer Chat" unwiederruflich von sämtlichen Servern und auch den verläufen auf dem Telefon so das für gar niemanden die Möglichkeit besteht die Nachricht nach der selbstzerstörung zu lesen/wiederherzustellen?

...zum Beitrag

Wie kann ich diesen HTML Vorgang stoppen?

Ich würde gerne einen HTML-Vorgang stoppen, wenn eine Voraussetzung in Java Skript nicht erfüllt ist:

Ich arbeite mit formsubmit.co und kann auf meiner Webseite nicht mit PHP arbeiten. Bis jetzt habe folgenden Code:

<form action="https://formsubmit.co/email@gutefrage.de" method="post" onsubmit="validateEmail()">
    <input type="hidden" name="_autoresponse" value=
    "Hallo, du hast diese Email bekommen. " />
    <input type="hidden" name="_next" value="https://www.gutefrage.net/" /> 
    <input type="email" id="email" name="email" placeholder="Email Address" /> 
    <label class="container"><input type="checkbox" required/>Ich habe die Nutzungsbedinungen gelesen.</label> 
    <button type="submit">Send</button>
</form>


<script>
/* <![CDATA[ */
      function validateEmail() {
        const email = document.getElementById("email").value;
        if (email.includes("200") && email.includes("Frage") && email.length >= 20) {
          alert("Valid email address.");
          return true;
        } else {
          alert("Invalid email address.");
          return false;
        }
      }
/*]]>*/
</script>

Das Skript überprüft die Eingabe der E-Mail Adresse, sofern alle Felder eingegeben sind und das Formular abgesendet wurde, ob die eingegebene E-Mail-Adresse "100", "Frage" und grösser oder gleich 20 Zeichen lang ist. Auf einer Nachricht im Browser wird angezeigt, ob die E-Mail-Adresse den Voraussetzungen entspricht oder nicht. Anschließend wird die Nachricht "Hallo, du hast diese E-Mail bekommen." an die eingegebene E-Mail-Adresse gesendet (das übernimmt formsubmit.co). Anschließend wird der Nutzer auf Gute Frage weitergeleitet.

Beides Funktioniert einwandfrei, jedoch wird, egal ob die E-Mail die Voraussetzungen erfüllt oder nicht, an die angegebene E-Mail gesendet.

Meine Frage ist, ob ich die Aktion in HTML irgendwie stoppen kann, also das die E-Mail nicht versendet wird, wenn sie die Voraussetzungen in JavaScript nicht erfüllt. Dabei kann ich keine riesigen Änderungen am gegebenen HTML-Code von formsubmit unternehmen (da dies ja immer noch funktionieren sollte) und ohne PHP oder ähnliches.

Edit: Das mit der Erkennung funktioniert irgendwie auch nicht, es zeigt immer an, dass die Email die Voraussetzungen nicht erfüllt. Ich habe jedoch ein Beispiel, wo dies funktioniert:

<form onsubmit="return validateEmail()" method="post">
    <label for="email">Email:</label> <input type="email" id="email" name="email" placeholder="z.B. ichbincool@email.com" size="40" required="" /> <input type="submit" value="senden" required="" />
</form>
<script>
/* <![CDATA[ */
      function validateEmail() {
        const email = document.getElementById("email").value;
        if (email.includes("ich") && email.includes("cool") && email.length >= 5) {
          alert("Valid email address.");
          return true;
        } else {
          alert("Invalid email address.");
          return false;
        }
      }
/*]]>*/
</script>

...zum Beitrag

Javascript Zufallsgenerator manipulieren?

Ich würde gerne einen javascript bzw. html Zufallsgenerator bauen und die Funktion so ändern, dass ich im Vorfeld bestimme, welche Zahl rauskommt. Kann mir da jemand mit technischem Know-How helfen?

...zum Beitrag

Mit Javascript zu einem Teil im HTML Dokument springen?

Hallo !

Ich bin gerade dabei eines meiner ersten Projekte mit JavaScript/CSS/HTML umzusetzen.

Ich bin gerade dabei eine Suchfunktion einzubauen.

Ich habe eine Layout von Material Design Lite verwendet. Ich habe es so umgesetzt, dass das ganze im einem HTML Formular steht und beim absenden (drücken der ENTER Taste) eine JavaScript Funktion ausgeführt wird. Bei dieser hole ich mir mithilfe von document.getElementById().value den Wert der eingegeben wurde und sage, dass dieser Wert auf eine Variable übertragen wird. Ich frage per If und else ab was eingeben wurde (Bsp. 1) und will dann das zum einem bestimmten Teil im HTML Text gesprungen wird.

Mein Problem :

Ich muss es irgendwie umsetzen, dass mit JavaScript Code zu einem bestimmten Teil (im HTML Text ) gesprungen wird OHNE das man auf einen Link klicken muss.

Weiß jemand von euch hier, wie das möglich ist ?

(Danke für deine Zeit, beim Lesen und Danke für jede Antwort)

Hier der Code meiner JavaScript Funktion

Hier der Code des HTML Formulars

...zum Beitrag

Dynamisches HTML Unterschied PHP/Javascript?

Hallo, ich muss mich für meine IHK Abschlussprüfung ein bisschen mit Websites, html, javascript, php usw. auseinandersetzten. Es gibt also statisches HTML, wo nur html und css verwendet wird. Dies ist Sicher aber wenig hübsch und ohne große Funktionen. Dann gibt es dynamisches HTML, wo durch die Einbindung von javascript und php weitere Funktionen implementiert werden. Dynamische Elemente, die nicht direkt beim http request übermittelt werden, sondern dynamisch zur Laufzeit erzeugt werden können (So weit alles richtig?). Jetzt frage ich mich, wo genau php und wo javascript eingesetzt wird. Ich stelle mir das so vor, dass für Menüs, interaktive Elemente usw. wo kein Code/Dateien vom Server nachgeladen werden müssen js verwendet wird. Und für Elemente die vom Webserver (per CGI) verarbeitet werden und eine Interaktion dessen also z.B. das nachladen von Dateien erfordert, php verwendet wird. Ist das (grundlegend so korrekt? Oder wo ist da der genaue Unterschied?

...zum Beitrag

wie kann ich in javascript eine funktion ohne button auslösen?

Hallo,

ich bin noch Anfänger in javascript und wollte fragen wie ich eine Funktion in javascript auslöse nachdem meine HTML Seite geladen hat, ohne explizit einen button mit einer onclick zu schreiben der diese Funktion aufruft. Die Funktion kriegt ein Parameter im HTML Teil übergeben, was dann in etwa so aussieht:

<button id="drücken" onclick="Funktion({{result}})"></button>

ich kriege das nur durch diesen button im html teil hin.

<tbody id="Eintrag"></tbody>

der Parameter wird iteriert und in eine Tabelle gehängt

Javascript:

function Funktion(result){

for(var key in result)

key an Eintrag anhängen.

}

Das funktioniert auch alles gut, nur wird das alles nur ausgeführt wenn ich explizit auf den button drücke. verstehe auch nicht wie das sonst gehen würde. Ich kann ja nicht beispielsweise ein window.onload auf der javascript-Datei schreiben weil ich ja noch den result parameter in der HTML Datei übergeben muss.

Gibt es eventuell eine Möglichkeit innerhalb des HTML Datei dann sowas zu schreiben?:

window.onload = Funktion({{result}});

Bei mir kennt er dann nicht Funktion weil es auf der externen Javascript-Datei liegt.

...zum Beitrag

Variable in einer JS Funktion beim call um 1 erhöhen?

Wie der Titel schon sagt habe ich eine Funktion mit einer Variable die sich bei jedem call der Funktion um eins erhöhen soll. Programmsprache: JavaScript.

Habe leider keine Ahnung wie ich eine Variable in einer Funktion jedesmal erhöhe ohne sie auch jedesmal davor neu zu definieren.

Ich arbeite in HTML und das Skript ist ein Teil der Seite.

Würde mich über ein Bsp freuen, da ich kaum mit JS arbeite es hier aber mit Python nicht geht

...zum Beitrag

Discordbot mach nicht, was er soll?

Halli hallo, ich bin gerade dabei, einen erstmal einfachen Discordbot mit JavaScript zu programmieren und wenn ich das Skript mit node.js starte, funktioniert es auch immer, der Bot kommt online und es wird Ready ausgegeben, allerdings reagiert er nicht auf meine Nachrichten, wie er soll. Er macht einfach garnichts. Das hier ist das Skript, was jemand, was ich tun muss, damit es klappt?:

const {Client, GatewayIntentBits }= require('discord.js');
const bot = new Client(
    {
        intents: [
            GatewayIntentBits.GuildMessages
        ]
    }
);

const TOKEN = '<mein-Token>';

bot.on('messageCreate', function(message){
    console.log("message");
    if (message.author.bot){
        return;
    }
    else if(message.content.includes("Hello")){
        message.reply('Hello, how are you?');
    }
});

bot.on('ready', function(){
    console.log("Ready");
})

bot.login(TOKEN);

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen