Manchmal will man l\u00e4stige Klick-Arbeiten im Browser einfach automatisieren. Wie das geht, lernt ihr in diesem Tutorial.<\/p>\n
https:\/\/youtu.be\/Xv9rokKD6_U<\/p>\n
Beim Automatisieren geht es meist darum, Text in bestimmte Felder einzutragen oder bestimmte Buttons zu klicken. Diese Eingabefelder m\u00fcssen lokalisiert werden, um sp\u00e4ter dem Browser mitzuteilen, in welche<\/i> Eingabefelder etwas eingetragen werden soll. Mit einem Rechtsklick auf das Element und ein Klick auf “Element untersuchen” im Kontextmen\u00fc, blendet die HTML-Ansicht unten im Browser ein und hebt das aktuelle Element hervor. Die einzelnen Elemente lokalisiert man jetzt folgenderma\u00dfen:<\/p>\n Ist man in der Element-Untersuchen-Ansicht, gibt es unten eine Textzeile, die meist mit einem >> beginnt. Dort gibt man JavaScript-Befehle ein. Nun muss noch die jQuery-Bibliothek geladen sein. Das \u00fcberpr\u00fcft man, indem man dort ein “$” eingibt und ENTER dr\u00fcckt. Kommt als Antwort ein “function()”, ist jQuery ordentlich geladen. Kommt stattdessen ein “undefined”, m\u00fcssen wir es noch laden. Das geht, indem folgendes Kommando eingibt und ENTER dr\u00fcckt: “ Aus Schritt 1 haben wir uns die Selektoren f\u00fcr die Eingabefelder herausgesucht. Diese verwenden wir jetzt in einem Kommando: Beispiel: Sind bei den Werten nicht nur feste Texte gew\u00fcnscht, sondern beispielsweise der Vor- und Nachname des Xing-Kontakts, f\u00fcr den Sie die Kontakt-Anfrage senden, arbeiten Sie sich einfach etwas tiefer in JavaScript und jQuery hinein. Es geht im Prinzip ganz einfach, hat man erst die Grundmechanismen verstanden.<\/p>\n Aus Schritt 1 haben wir den Selektor f\u00fcr den Submit-Button herausgesucht. F\u00fcr diesen l\u00f6sen wir jetzt noch den Klick aus: Beispiel: Ich habe bereits Stunden an Arbeit gespart bzw. konnte tausende Dinge mehr erledigen, als wenn ich alles von Hand gemacht h\u00e4tte.<\/p>\n","protected":false},"excerpt":{"rendered":" Manchmal will man l\u00e4stige Klick-Arbeiten im Browser einfach automatisieren. Wie das geht, lernt ihr in diesem Tutorial.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_uag_custom_page_level_css":"","footnotes":""},"categories":[1],"tags":[74],"class_list":["post-1166","post","type-post","status-publish","format-standard","hentry","category-allgemein","tag-programmieren-fuer-berufstaetige","single-item"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"xs-thumb":false,"appku-shop-single":false},"uagb_author_info":{"display_name":"Carl-Philip H\u00e4nsch","author_link":"https:\/\/launix.de\/launix\/author\/carli\/"},"uagb_comment_info":0,"uagb_excerpt":"Manchmal will man l\u00e4stige Klick-Arbeiten im Browser einfach automatisieren. Wie das geht, lernt ihr in diesem Tutorial.","_links":{"self":[{"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/posts\/1166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/comments?post=1166"}],"version-history":[{"count":4,"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/posts\/1166\/revisions"}],"predecessor-version":[{"id":1185,"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/posts\/1166\/revisions\/1185"}],"wp:attachment":[{"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/media?parent=1166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/categories?post=1166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/launix.de\/launix\/wp-json\/wp\/v2\/tags?post=1166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
id=\"irgendwas\"<\/code> vorhanden, lokalisiert man das Element mit #irgendwas<\/code><\/li>\nname=\"irgendwas\"<\/code> vorhanden, lokalisiert man das Element mit [name=\"irgendwas\"]<\/code><\/li>\n<p class=\"input-name\"><input><\/p><\/code> wird beispielsweise mit p.input-name input<\/code> lokalisiert<\/li>\nSchritt 2: Sichergehen, dass jQuery vorhanden ist<\/h2>\n
script = document.createElement('script'); script.src = 'https:\/\/code.jquery.com\/jquery-latest.min.js'; document.body.appendChild(script);<\/code>“. Anschlie\u00dfend sollte die Eingabe von “$” ein “function()” zur\u00fcckgeben.<\/p>\nSchritt 3: Eingabefelder automatisch ausf\u00fcllen<\/h2>\n
$('hier Selektor eintragen').val('hier Wert eintragen');<\/code><\/p>\n$('#url').val('http:\/\/launix.de');<\/code><\/p>\nSchritt 4: den Klick ausl\u00f6sen<\/h2>\n
$('hier Selektor eintragen').click();<\/code><\/p>\n$('input[type=\"submit\"]').click();<\/code><\/p>\nFazit<\/h2>\n