Webseiten manipulieren
Einzelne Webseiten nach Belieben verändern
written by kwoxer
Letztes Update 20.12.2010
Hier erkläre ich wie ihr jede Webseite nach eurem Belieben verändern könnt. Z.B. Werbung löschen, Bilder wechseln, Texte manipulieren oder was man noch alles so oberflächlich ändern kann.
Suchen wir uns zunächst einmal unsere Homepage aus, die wir verändern möchten. Ich wähle dazu eine modifizierte Google Startseite. Deshalb kann es bei dir etwas anders aussehen aber funktioniert nach dem gleichen Prinzip.
Du siehst also, dass die Seite "noch" ganz normal ausschaut. Dies wollen wir nun verändern. Dazu brauchen wir lediglich einen Javascript Befehl. Und dieser lautet folgendermaßen:
Kopiert euch diesen Code nun einfach in den Zwischenspeicher.
Nun gibt ihr diesen Code in die URL Zeile ein. Z.B. von unserer Google Seite.
Klickt nun auf Enter oder wie gewohnt im Browser auf "Go".
Nun sollte im Normalfall nichts passieren. Wenn ihr nun in der Google-Seite etwas markieren wollte und irgendeinen Text eingebt, dann merkt ihr, dass ihr nun die Seite verändern könnt. Nehmt euch nun den Freiraum und lasst eurer Fantasie freien Lauf.
Nun noch ein Bild, dass zeigt wie meine modifizierte Google-Suche ausschauen würde. Übrigens, ihr könnt nun diese gefakte Seite nicht weiter nutzen, sondern höchstens ein Bild davon machen undeuren Freunden präsentieren. Alles in allem für eine Anwendung im lokalen Netzwerk optimal, wo ihr jemanden eure gefakte Webseite präsentiert. Immer wieder eine spaßige Angelegenheit, weil kaum jemand weiß, dass so etwas überhaupt möglich ist.
Kommentar schreiben
kwoxer (Mittwoch, 20 Mai 2009 14:55)
Sagt mir was ihr von diesem Tutorial haltet.
koffeinhaltiges (Samstag, 06 Juni 2009 21:57)
ich halte von diesem tutorial viel
Axel (Freitag, 12 Juni 2009 19:45)
Das ist ja geil^^
Klecka (Freitag, 02 Oktober 2009 18:32)
Wat bringt dat?
kwoxer (Freitag, 02 Oktober 2009 18:39)
Es bringt dir insofern nicht viel.
Das einzige Szenario wo das Sinn macht ist jemanden die veränderte Homepage zu zeigen und ihn zu fragen wieso sie so "komisch" ausschaut.
:)
Maex (Sonntag, 11 Oktober 2009 12:55)
Hi,
wenn man die Seite gerade per Javascript modifiziert, und dann erst in den Quelltext reinschaut, ist der Quelltext dann auch von der modifizierten Seite? So könnte man sich dann zmb. eine eigene Google-Startseite errichten.
kwoxer (Sonntag, 11 Oktober 2009 13:21)
Genau das kannst du auch machen, damit sparst du dir dann den Umweg b.z. über Editoren wie Dreamweaver.
Grüße
Computerdepp (Mittwoch, 04 November 2009 21:49)
Wie kann ich da denn dann noch ein Bild einfügen ...
kwoxer (Mittwoch, 04 November 2009 23:09)
Naja am besten per Drag und Drop, ansonsten fällt mir nichts ein.
Lucy (Dienstag, 19 Januar 2010 19:10)
wie kann ich denn bitte ein Bild einfügen???? klappt bei mir nicht?
kwoxer (Dienstag, 19 Januar 2010 23:59)
Am einfachsten gelingt dies per Drag&Drop.
Grüße
jimmy (Mittwoch, 03 Februar 2010 03:17)
cool
Rick (Samstag, 22 Mai 2010 00:58)
Hey kwoxer du hasts voll drauf.
Mach mehr von solchen Tutorials. ==)
alex (Donnerstag, 10 Juni 2010 15:20)
lol, damit kann man auch online-kontoauszüge z.b. nach belieben ändern :D
kwoxer (Donnerstag, 10 Juni 2010 17:35)
Hi alex,
klar wieso nicht. Bringen tut es dir halt nichts, aber schön anzusehen, auf jede Fälle ;)
Denke aber daran, dass du deine URL-Zeile wieder "normal" machst. So dass man nicht gleich das JavaScript sieht.
Grüße
boxer1008 (Sonntag, 18 Juli 2010 21:23)
bei mir klappt das mit dem bilder tauschen nicht, text funzt gut.
ich kann die bilder nicht ändern irgendwie.
kwoxer (Montag, 19 Juli 2010 10:45)
Hallo,
ja einfach mal versuchen das Ganze per Drag & Drop zu erreichen, sollte eigentlich ohne Probleme klappen.
Grüße
iLoWa (Sonntag, 29 August 2010 02:57)
Moin Moin, finde es auch eine lustige spielerei.
Aber leider klappt es mit dem Bilder einfügen per Drag & Drop nicht.
Nutze die neuste FF Version und in Opera öffnet er mit sofort das Bild, das ich reinziehe..
Fettes Danke an kwoxer für die Tutorials.
GreeTz iLoWa
kwoxer (Sonntag, 29 August 2010 09:56)
Hi,
ja stimmt Drag & Drop von eigenen Bidlern klappt aus welchen Gründen auch immer wirklich nicht mehr. Schade =/
Grüße
kji111 (Dienstag, 07 September 2010 19:37)
und wo muss man dieses:
javascript:%20document.body.contentEditable%20=%20'true';%20document.designMode%20=%20'on';%20void%200
eingeben??
kwoxer (Dienstag, 07 September 2010 19:41)
Hi,
oben in der URL eingeben und abschicken.
Grüße
Simon (Montag, 03 Januar 2011 00:52)
Alternativ kann man natürlich Firebug zum einmaligen manipulieren verschiedener Seite gut nutzen.
Aber die von dir gezeigt Variante kannte ich ebenfalls noch nicht :-)
Grüße
kwoxer (Montag, 03 Januar 2011 08:16)
Hi SImon,
das hast du natürlich Recht. Firebug ist da viel mächtiger, aber wird eher von Entwicklern eingesetzt um gezielt etwas an der Webseite zu testen. Für die Kleine Veränderung zwischendurch bietet sich das kleine Script jedoch eher an.
Beste Grüße
Lolli (Dienstag, 15 Februar 2011 18:40)
Wow echt krass was doch so alles möglich ist wenn man sich auskennt. Supi Tutorial
MEGAMEWTWO (Freitag, 11 März 2011 10:52)
cooles tutorial
Anoymous (Freitag, 23 August 2013 16:21)
Hallo!
Wie muss Ich dass kompilieren dass Ich mit der modifizierten Webseite übernommen wird wenn Ich fortsetzte?
Mit freundlichen Grüssen!
kwoxer (Freitag, 23 August 2013 18:27)
Hi, nein das hast du falsch verstanden. Der Code ändert sich nicht sondern du führst über JavaScript Änderungen durch. Ich wüsste nicht dass es dort eine Möglichkeit gibt das zu sichern. Rein technisch nicht möglich denke ich.
Wenn du trotzdem etwas finden solltest, würde ich mich freuen wieder von dir zu hören.
Viele Grüße
NoName (Montag, 02 März 2015 23:27)
Man kann auch F12 druecken und dann den Quelltext veraendern. Getestet in Chrome und Firefox
Philipp (Freitag, 25 September 2015 17:37)
Halte nicht viel davon einfach von softonic kopiert
Max (Freitag, 02 Dezember 2016 20:05)
Gibt es auch einen Code der den BEarbeitungsmodus schließt?
kwoxer (Montag, 05 Dezember 2016 10:23)
Hallo ihr beiden,
ja NoName, das ist natürlich immer möglich. Allerdings kannst hiermit eben sehr viel einfach Sachen editieren und brauchst dafür keine Konsole. Das ist halt das schöne daran.
und Max, ja das kannst du. Einfach statt dem bisherigen Code, diesen hier eingeben: "javascript:%20document.body.contentEditable%20=%20'false';%20document.designMode%20=%20'off';%20void%200"
also aus true wird false und aus on wird off. Eigentlich ganz einfach :)
Webseiten komplett und nachhaltig verändern ist damit natürlich nicht drin! Aber das ist hoffentlich selbstverständlich ;)
Liebe Grüße ihr beiden
lade die seite b´neu=nichts ist anders (Dienstag, 10 März 2020 14:25)
lade mal die seite neu
Luk (Dienstag, 19 März 2024 21:51)
kann man sowas auch speichern?
Dass die Website damit öff. geändert wurde?