So öffnen Sie schnell einen Seitencode in einem Browser, auch wenn das Kopieren verboten ist. Entpacken und Dekodieren von JavaScript-Skripten So entschlüsseln Sie den HTML-Code einer Seite

Dieser Artikel ist eine Ergänzung zum Artikel über die Skript-Deobfuscation. Hier werden die Grundprinzipien der Verschlüsselung und Verpackung besprochen. Schwachpunkte Schutzmaßnahmen, manuelle Entfernungsmethoden sowie universelle Tools zum automatischen Entfernen von Packern und Anhangsschutz aus JavaScript-Skripten. In letzter Zeit immer häufiger Quelle Skripte werden verschlüsselt oder gepackt. Yandex, DLE und andere beliebte Projekte begannen sich davon mitreißen zu lassen, und schöne Geschichten über „sich um die Benutzer kümmern“, „Verkehr sparen“ und anderen Unsinn sehen sehr lustig aus. Nun, wenn jemand etwas zu verbergen hat, dann ist es unsere Aufgabe, es ans Licht zu bringen.

Beginnen wir mit der Theorie. Aufgrund der Besonderheiten der JavaScript-Ausführung verfügen alle Verschlüsseler und Packer trotz ihrer Vielfalt nur über zwei Varianten des Algorithmus: Oder alternativ: Die zweite Methode wird am häufigsten zum Schutz des Quell-HTML-Codes der Seite sowie verschiedener Trojaner verwendet um bösartigen Code in die Seite einzuschleusen, beispielsweise einen versteckten Frame. Beide Algorithmen können kombiniert werden, die „Ausgereiftheit“ und Komplexität des Entschlüsselers kann beliebig sein, nur das Prinzip selbst bleibt unverändert.

In beiden Fällen stellt sich heraus, dass das funktioniert eval() Und document.write() Es werden vollständig entschlüsselte Daten übertragen. Wie kann man sie abfangen? Versuchen Sie es mit einem Austausch eval() An Alarm(), und in der geöffneten MessageBox sehen Sie sofort den entschlüsselten Text. Einige Browser ermöglichen das Kopieren von Text aus MessageBoxen, aber es ist besser, diesen halbautomatischen Decoder zu verwenden:

  1. < html >
  2. < head >< title >JavaScript-Decoder
  3. < body >
  4. < script type = "text/javascript" >
  5. // Funktion zum Schreiben der Entschlüsselungsergebnisse in das Protokoll
  6. Funktionsdecoder (str) (
  7. dokumentieren. getElementById("decoded" ). value += str + "\n" ;
  8. < textarea id = "decoded" style = "width:900px; height:500px;" >
  9. < script type = "text/javascript" >

Nehmen wir zum Beispiel ein Skript von Yandex. Nachdem wir uns den Quellcode angesehen haben, sehen wir etwas Ungesundes:

Eval(function(p,a,c,k,e,r)(e=function(c)(return(c c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36)));if(!
"".replace(/^/,String))(while(c--)r=k[c]||e(c);k=)];e=function())(return"\w+") ; c=1);while(c--)if(k[c])
p=p.replace(new RegExp("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||".u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5).2(".6-9").14("7");$(5).2(".6 -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5).16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(".b-r");3 d=$(o).2 ("".b-12");
[Der Rest des gleichen Unsinns wird abgeschnitten]

Ich sage gleich, dass dieses Skript vom JavaScript-Kompressor verarbeitet wird, es ist leicht an seiner Signatur zu erkennen – dem charakteristischen Namen der Funktion am Anfang des Skripts. Kopieren Sie den gesamten Quelltext des Skripts und ersetzen Sie den ersten evalu An Decoder, fügen Sie es in den Decoder ein und speichern Sie es als HTML-Seite. Öffnen Sie es in einem beliebigen Browser und sehen Sie, dass das entpackte Skript sofort im Textbereich erscheint. Es ist noch zu früh, sich zu freuen; alle Zeilenumbrüche und Codeformatierungen wurden entfernt. Wie man damit umgeht, erfahren Sie im Artikel über Deobfuscation.

Zweites Beispiel. Hier ist eine HTML-Seite, die mit dem HTML Protector-Programm abgedeckt wurde. Dies ist eine Seite, die die Fähigkeiten des Programms demonstriert, daher sind dort alle Optionen aktiviert: Textauswahl und -kopieren blockieren, rechte Maustaste deaktivieren, Bilder schützen, Statusleiste ausblenden, HTML-Code verschlüsseln usw. Öffnen wir den Quellcode und werfen einen Blick darauf. Ganz oben steht das bereits bekannte document.write und ein verschlüsseltes Skript. Wir lassen es durch den Decoder laufen und erhalten eine Funktion zum Entschlüsseln des Hauptinhalts:

Code (JavaScript):

  1. hp_ok = true ;function hp_d01 (s )( ... cut ... o = ar . join ("" )+ os ; document . write (o )

Wir ersetzen das letzte document.write in der Funktion durch decoder und fügen danach alle drei verbleibenden verschlüsselten Skripte ein:

  1. < script type = "text/javascript" >
  2. // Fügen Sie zuerst das verschlüsselte Skript hier ein
  3. // alle Aufrufe von eval() und document.write() durch decoder() ersetzen.
  4. hp_ok = true ;function hp_d01 (s)( .... o = ar . join ("" )+ os ; decoder (o );
  5. hp_d01 (unescape (">QAPKRV%22NCLEWC ....
  6. hp_d01 (unescape ( ">QAPKRV%22NCLEWCEG? HctcQa ...
  7. hp_d01 (unescape ( ">`mf(%22`eamnmp? !DDDDDD %22v ...

Der Einfachheit halber werden die Skripte in diesem Artikel nicht vollständig aufgeführt; Sie müssen sie vollständig kopieren. Wir öffnen den Decoder im Browser und sehen die vom Programm hinzugefügten Sicherheitsskripte und den entschlüsselten Quelltext der Seite. Der Einfachheit halber können Sie nur das dritte Skript entschlüsseln, das den HTML-Code der Seite enthält. Das ist alles, was der Schutz ist. Wie Sie sehen, nichts Kompliziertes. Andere Schutzmaßnahmen für HTML-Seiten werden auf die gleiche Weise entfernt.

Kommen wir von der manuellen Entschlüsselung zur automatischen Entschlüsselung. Um die erste Schutzart zu entfernen, habe ich das Ihnen bereits bekannte Beautify-Javascript-Skript leicht modifiziert und in eine exe-Datei kompiliert. Es bewältigt die meisten JavaScript-Schutzmaßnahmen und Wrapper, die ich gesehen habe, ohne Probleme.

Eval.JavaScript.Unpacker.1.1-PCL.rar (12.124 Bytes)


In schwierigeren Fällen müssen Sie schwere Artillerie einsetzen. Dies ist ein kostenloses Projekt zur Erforschung von Trojanern und anderem Schadcode. Da alle Programme zum Schutz des Urheberrechts eindeutig bösartig sind, hilft uns Malzilla im Kampf gegen sie. Herunterladen (derzeit ist es 1.2.0), entpacken, starten. Öffnen Sie die zweite Registerkarte „Decoder“, fügen Sie den Code des verschlüsselten Skripts in das obere Fenster ein und klicken Sie auf die Schaltfläche Skript ausführen.



Im Ordner eval_temp Alle Ergebnisse der Ausführung der eval()-Funktionen, einschließlich der Zwischenergebnisse, werden addiert. Sie können sie anzeigen, indem Sie auf die Schaltfläche klicken Ergebnisse von eval() anzeigen, der Text öffnet sich im unteren Fenster. Es kann kopiert, in das obere Fenster eingefügt und sofort per Knopfdruck formatiert werden Code formatieren. Neben dem Decoder verfügt Malzilla über viele weitere Tools und Einstellungen, mit denen sich der Schutz von JavaScript-Skripten ganz einfach entfernen lässt.



Sie können auch auf ein weiteres kostenloses Tool zum Arbeiten mit verschlüsselten Skripten achten – FreShow. Es hat weniger Funktionen, aber es hat seinen Platz. Von der Offsite können Sie ein Demovideo herunterladen, das ein Beispiel für die Arbeit mit dem Programm zeigt.

Wie Sie sehen, ist es kein Problem, den Schutz von JavaScript-Skripten und HTML-Seiten zu entfernen. Verteidigen Sie immer noch Ihre abscheulichen „Autorenrechte“? Dann kommen wir zu Ihnen!

Unter all den wunderschönen Bildern, der perfekten Typografie und den wunderbar platzierten Handlungsaufforderungen verbirgt sich der Quellcode Ihrer Website.

Jeden Tag verwandelt Ihr Browser diesen Code in beeindruckende Seiten für Ihre Besucher und Kunden.

Google und andere Suchmaschinen „lesen“ diesen Code, um zu bestimmen, wo Ihre Webseiten zu einem bestimmten Zeitpunkt in ihren Indexen erscheinen sollen Suchanfrage.

Daher ist es sehr wichtig für Suchmaschinenoptimierung(SEO) hat, was im Quellcode steht.

Diese Kurzanleitung zeigt Ihnen, wie Sie den Quellcode Ihrer Website lesen, damit Sie sicher sein können, dass Ihre SEO korrekt ist, und zeigt Ihnen, wie Sie Ihre SEO-Begriffe überprüfen.

Wir werden uns auch einige andere Situationen ansehen, in denen es bei anderen Marketingbemühungen hilfreich sein kann, zu wissen, wie man große Teile des Quellcodes anzeigt und untersucht.

So zeigen Sie den Quellcode an.

Der erste Schritt bei der Überprüfung des Quellcodes Ihrer Website besteht darin, sich den tatsächlichen Quellcode anzusehen. Mit jedem Webbrowser können Sie dies problemlos tun.

Nachfolgend finden Sie die Tastaturbefehle, mit denen Sie den Quellcode Ihrer Webseite anzeigen können PC Und Mac.

  • Firefox – STRG + U (Halten Sie die STRG-Taste gedrückt und drücken Sie die Taste „U“) Alternativ können Sie zum Menü „Firefox“ gehen, dann auf „Web Developer“ und dann auf „Seitenquelle“ klicken.
  • Internet Explorer- STRG + U. Oder klicken Sie Rechtsklick Maus und wählen Sie „Quelle anzeigen“.
  • Chrome – STRG + U. Sie können auf das Schlüsselbild mit drei horizontalen Linien in der oberen rechten Ecke klicken. Klicken Sie dann auf „Extras“ und wählen Sie „Quelle anzeigen“.
  • Opera – STRG + U. Sie können auch mit der rechten Maustaste auf eine Webseite klicken und „Seitenquelle anzeigen“ auswählen.

Mac

  • Safari – Die Tastenkombination lautet Option + Befehl + U. Sie können auch mit der rechten Maustaste auf die Webseite klicken und Seitenquelle anzeigen auswählen.
  • Firefox – Sie können mit der rechten Maustaste klicken und „Quelle“ auswählen oder zum Menü „Extras“ navigieren, „Webentwickler“ auswählen und auf „Seitenquelle“ klicken. Die Tastenkombination lautet Strg + U.
  • Chrome – Gehen Sie zu „Ansicht“, klicken Sie dann auf „Entwickler“ und dann auf „Quelle anzeigen“. Sie können auch mit der rechten Maustaste klicken und „Seitenquelle anzeigen“ auswählen. Die Tastenkombination lautet Option + Befehl + U.

Sobald Sie wissen, wie man Quellcode anzeigt, sollten Sie auch wissen, wie man ihn durchsucht.

Normalerweise gelten dieselben Suchfunktionen, die Sie beim Surfen im Internet verwenden, auch für die Quellensuche.

Mit den Befehlen STRG + F (Suchen) können Sie schnell den Quellcode wichtiger SEO-Elemente anzeigen.

Titel-Tags.

Der Title-Tag ist das wichtigste Element von SEO. Dies ist das Wichtigste im Quellcode.

Wenn Sie aus diesem Artikel nur eine wertvolle Sache mitnehmen möchten, sollten Sie Folgendes in Betracht ziehen:

Wissen Sie, das sind die Ergebnisse, die Google liefert, wenn Sie nach etwas suchen.

Alle diese Ergebnisse werden den Titel-Tags der Webseiten entnommen. Wenn Ihr Quellcode also keine Title-Tags enthält, werden Sie möglicherweise nicht in Google (oder einer anderen Suchmaschine) angezeigt.

Ob Sie es glauben oder nicht, ich habe tatsächlich Websites ohne Title-Tags gesehen. Versuchen wir es mit einer schnellen Google-Suche nach dem Begriff „ Marketing-Leitfäden". Was wir sehen:

Sie können das erste Suchergebnis für den Blog sehen KISSmetrics Kapitel Marketing-Leitfäden.

Wenn wir dem Link des ersten Suchergebnisses folgen und den Quellcode der Seite betrachten, können wir den Tag im Titel sehen:

Der Titel-Tag wird durch den Eröffnungs-Tag angezeigt: </b>. und endet mit dem schließenden Tag: <b></ <i>Titel</i>> </b>. Der Titel-Tag befindet sich normalerweise oben im Quellcode im Abschnitt <b><head> </b>. </i></p> <p>Und wir können sehen, dass der Inhalt im Title-Tag mit dem übereinstimmt, der im Ergebnistitel verwendet wird <a href="https://bakep.ru/de/kak-vyiti-iz-akkaunta-v-prilozhenii-gmail-kak-na-androide-vyiti-iz-google-akkaunta-gmail.html">Google-Suche</a>.</p> <p>Aber es sind nicht nur Titel-Tags, die benötigt werden, um in die Google-Suchergebnisse aufgenommen zu werden.</p> <p>Google identifiziert außerdem Wörter in Titel-Tags als wichtige Schlüsselwörter, die seiner Meinung nach für die Suchanfragen der Nutzer relevant sind.</p> <p>Wenn Sie also ein bestimmtes Webseiten-Ranking für ein bestimmtes Thema erreichen möchten, dann achten Sie besser darauf, dass die Wörter, die das Thema beschreiben, im Titel-Tag enthalten sind.</p> <p>Es gibt eine Reihe von Online-Ressourcen, in denen Sie mehr darüber erfahren können <a href="https://bakep.ru/de/a-set-of-tags-for-video-with-animals-how-to-learn-and-add-keywords-tags-for-youtube-in-video-per-channel.html">Stichworte</a> und Titel-Tags spielen eine wichtige Rolle in der Gesamtarchitektur Ihrer Website.</p> <p>Hier sind einige wichtige Punkte, die es Ihnen ermöglichen, sich an die Bedeutung Ihrer Titel-Tags zu erinnern:</p> <ul><li>Stellen Sie sicher, dass Sie nur einen Titel-Tag pro Webseite haben.</li> <li>Stellen Sie sicher, dass jede Webseite Ihrer Website über einen eigenen Titel-Tag verfügt.</li> <li>Stellen Sie sicher, dass jedes Titel-Tag auf Ihrer Website einzigartig ist. Duplizieren Sie niemals den Inhalt eines bestimmten Titel-Tags.</li> </ul><h3></h3> <p>Nächste <a href="https://bakep.ru/de/pesnya-dlya-roditelei-na-svadbe-pesnya-ot-roditelei-na-svadbe.html">wichtiges Element</a> Der Kopfteil Ihrer Webseite ist das Meta-Beschreibungs-Tag.</p> <p>Dabei handelt es sich um einen 160 Zeichen langen Ausschnitt Ihres Inhalts, der in Suchmaschinen unter Ihrem Titel erscheint.</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/read-website.png' height="511" width="500" loading=lazy loading=lazy></p> <p>Ich habe Hunderte von Websites gesehen, die dieses Tag völlig ignorieren. Es ist sehr einfach im Quellcode zu finden:</p> <p><img src='https://i0.wp.com/infobiz-tools.com/wp-content/uploads/2014/02/how-read1.png' width="100%" loading=lazy loading=lazy></p> <p>Überprüfen Sie also, ob dieses Tag auf allen Webseiten Ihrer Website vorhanden ist. Noch wichtiger: Stellen Sie sicher, dass Sie es nicht auf mehreren Seiten duplizieren.</p> <p>Das Duplizieren des Meta-Beschreibungs-Tags stellt keine Strafe für die Suchmaschine dar, ist aber ein sehr großer Marketingfehler.</p> <p>Viele Leute ignorieren den Meta-Beschreibungs-Tag, aber Sie sollten wirklich daran arbeiten, weil er gelesen wird <a href="https://bakep.ru/de/tendencii-razvitiya-poiskovyh-sistem-poiskovye-sistemy-interneta-kakie.html">Suchmaschine</a>.</p> <p>Überlegen Sie, wie ein Meta-Beschreibungs-Tag dazu beitragen kann, mehr Besucher anzulocken und gezielte Conversions auf Ihre Website zu steigern.</p> HTML-Code ist im Wesentlichen Ihre Seite selbst; er legt genau fest, wie Ihre Website erstellt und auf dem Display des Benutzers angezeigt wird. Dieser Code ist in der Regel offen, sodass er für jeden Benutzer leicht einsehbar und lesbar ist. Wenn Sie aus dem einen oder anderen Grund nicht möchten, dass jemand dies tut <b>hatte Zugriff auf Ihren Code</b>, Sie können . Dazu muss ein spezieller Algorithmus erstellt werden <b>kodiert Ihren Code</b>, das heißt, es verbirgt sein primäres Erscheinungsbild und macht es für Website-Benutzer unzugänglich. <h2>Wann und wer könnte es brauchen?</h2>Absolut jeder Webmaster oder Websitebesitzer kann diese Verschlüsselung durchführen. Die Frage ist, inwieweit dies gerechtfertigt und notwendig ist. Wenn Sie beispielsweise eine reguläre Landingpage haben, die mit einer Vorlage erstellt wurde und sich nicht von anderen unterscheidet, macht das Codieren keinen Sinn, da eine solche Vorlage bereits öffentlich verfügbar ist. In diesem Fall ist es unwahrscheinlich, dass jemand Ihren Code kopiert und studiert. Aber wenn Sie eine Website haben, die ein einzigartiges Design hat, Sie lange und mühsam daran gearbeitet oder viel Geld dafür bezahlt haben, dann lohnt es sich trotzdem, über den Code nachzudenken. Es kommt sehr häufig vor, dass der Eigentümer einer Website, in die viel Mühe, Zeit und Geld investiert wurde, nach einiger Zeit auf die eine oder andere Weise genau dieselbe Website mit demselben Design und derselben Struktur entdeckt, aber auf einer anderen Domain und einem anderen Hosting. Sehr oft wird dies Websitebesitzern von den Nutzern selbst in den Kommentaren mitgeteilt. In diesem Fall können wir mit Sicherheit davon ausgehen, dass jemand einfach ist <b>habe den HTML-Code kopiert</b> Ihre Website und habe sie auf meiner Website veröffentlicht. <h2>Was sollten Sie tun, um sich zu schützen?</h2>Es ist nicht so einfach, sich davor zu schützen, den HTML-Code einer anderen Person ohne Erlaubnis zu kopieren und zu verwenden. Und wenn jemand Ihre Website bereits gesehen hat, kann er sie im Allgemeinen auch ohne Code duplizieren, sofern er über bestimmte Kenntnisse im Bereich der Webentwicklung verfügt. Der HTML-Code selbst kann jedoch verschlüsselt werden. Dies funktioniert auf Basis eines speziellen Javascript-Skripts. Mit unserem Tool... In diesem Fall wird ein spezielles Skript erstellt, das zur Entschlüsselung vorgesehen ist. Es funktioniert ganz einfach: Wenn ein Besucher Ihre Seite betritt, wird ein verschlüsselter Code geladen, den er nicht verstehen kann. Im selben Moment wird das erstellte Javascript gestartet, das den Code entschlüsselt und die Site auf dem Bildschirm des Benutzers anzeigt. Gleichzeitig kann der Besucher selbst den echten Code nicht sehen. Allerdings hat diese Methode auch einen kleinen Nachteil. Es gibt Benutzer, deren Browser die Ausführung von Javascript auf der Site nicht zulassen; in diesem Fall wird das Skript nicht ausgeführt und daher wird der HTML-Code nicht entschlüsselt und die Site wird nicht angezeigt. Aber seien Sie nicht verärgert, solche Browsereinstellungen sind sehr selten. Wir können sagen, dass 99 % der Browser die Ausführung von Javascript zulassen. <h2>Wie kann man das machen?</h2>Dies geht ganz einfach mit unserem Tool. Sie müssen lediglich Ihren HTML-Code in das Feld auf dieser Seite einfügen und auf die Schaltfläche klicken, um die Verschlüsselung zu starten. Als Ergebnis erhalten Sie in einem weiteren Feld einen bereits verschlüsselten Code, der bereits direkt auf Ihrer Website verwendet werden kann. 1 Stimme <p>Guten Tag, liebe Leser meines Blogs. Manchmal findet man auf einer Website eine schöne Funktion und fragt sich, wie der Ersteller einen so interessanten Effekt erzielt hat.</p> <p>Es stellt sich heraus, dass die Antwort ganz einfach ist. Und wenn Sie über einige Fähigkeiten verfügen, können Sie viele dieser Funktionen sammeln und in kurzer Zeit Ihre eigene, einzigartige Website erstellen.</p> <p>Heute werden wir darüber sprechen, wie Sie den Code einer Seite oder eines bestimmten Elements öffnen und lernen, wie Sie diese Fähigkeit zu Ihrem Vorteil nutzen können.</p> <h2><span>Grundkenntnisse im Code</span></h2> <p>Meine Seite ist für Anfänger gedacht und ich möchte zunächst kurz auf Seiten und Code im Allgemeinen eingehen.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/cit1-75-537x292.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Um ein Bild zu zeichnen und es dann in kleine Teile zu schneiden, schreiben Sie Code, damit der Browser alle Elemente wieder zu einem Ganzen zusammenfügt. Scheint alles sehr kompliziert zu sein? Überhaupt nicht, und es hat keinen Sinn, darüber zu trauern.</p> <p>So entstehen hochwertige Websites. Wenn Sie wollen, lassen Sie sich auf diese Angelegenheit ein und studieren Sie sie; wenn Sie nicht wollen, kann Sie niemand dazu zwingen.</p> <p>Ich möchte nur eines sagen: Es gibt nichts Schöneres, als zu sehen, wie unverständliche Wörter, die Sie geschrieben haben, zu einem Ganzen werden und zum Leben erwachen: Links funktionieren, Schaltflächen bewegen sich, Bilder bewegen sich, Text kriecht. Ich glaube, ich weiß, wie sich Victor Frankenstein gefühlt hat.</p> <p>Wenn man beginnt, die Geheimsprache zu verstehen und erkennt, dass eigentlich alles viel einfacher ist, als es zunächst schien, kommt man nicht umhin, an die eigenen Stärken und Fähigkeiten des Gehirns zu glauben. Das ist sehr cool.</p> <p>Wie werden Websites erstellt? Idealerweise zuerst. Er malt nur ein Bild. Zum Beispiel wie im Bild unten gezeigt. Im Moment ist es nur ein Bild, eine Fotografie. Es funktionieren keine Links, beim Anklicken gelangt man nirgendwo hin, es wird keine Suche durchgeführt.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_1-46.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Nach dieser Zeichnung. Schauen Sie sich den Screenshot unten an. Sie denken vielleicht, dass dies ein lächerlicher und sehr komplexer Satz von Symbolen ist. Tatsächlich ist nicht alles so kompliziert, es gibt einen bestimmten Algorithmus.</p> <p>Es gibt nur etwa 150 Tags und jedes davon ist für eine bestimmte Aktion verantwortlich: Link, Silbentrennung, Fettdruck, Farbe, Titel und so weiter. Sie zu verstehen ist nicht so schwierig, wenn Sie den Wunsch haben und sich nicht um die Zeit kümmern.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-43.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Dank der Kenntnis dieser Eigenschaften können Sie nahezu jedes Problem lösen. Aber jeder Entwickler findet seine eigenen Wege, um das Ziel zu erreichen.</p> <p>Erfahrene Entwickler sehen sofort, wie sie Ergebnisse erzielen können, während andere nachdenken und in Artikeln oder im Quellcode der Wettbewerber nach der Antwort suchen müssen. Sie nehmen einfach den erforderlichen Teil von einer Drittanbieter-Site und bearbeiten ihn selbst. Dadurch wird der Arbeitsprozess deutlich verkürzt.</p> <p>Etwas später zeige ich es dir <a href="https://bakep.ru/de/zarabatyvayut-li-bloggery-na-yutube-i-skolko-skolko-mozhno-zarabotat-na.html">konkretes Beispiel</a>.</p> <h2>Code ansehen</h2> <p>Lassen Sie mich Ihnen zunächst zeigen, wie Sie vorgehen, wenn Sie den HTML-Code einer anderen Person herausfinden müssen. Anschließend schauen wir uns alle weiteren Fragen genauer an.</p> <h3><span>Der beste Weg</span></h3> <p>Die Methode, die ich zuerst beschreibe, ist für Anfänger etwas kompliziert, aber als Einführung lesen Sie sie. Öffnen Sie die Seite und klicken Sie auf die rechte Maustaste. Wählen Sie „Speichern unter...“</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-1-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Speichern Sie die gesamte Webseite. Wie Sie im Screenshot sehen können, habe ich bereits alles vorab heruntergeladen. Hier haben wir zwei Ordner.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_2-2-1.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Alles, was Sie brauchen, ist hier. Jedes Element. Wenn Sie das verstehen, können Sie schnell alles bekommen, was Sie brauchen. Doch eine solche Aufgabe wird zunehmend unmöglich. Es findet kein Download statt. Was tun, wenn das Kopieren einer Seite verboten ist?</p> <h3><span>Das ist Google Chrome</span></h3> <p>Wie Sie vielleicht schon bemerkt haben, verwende ich es am häufigsten <a href="https://bakep.ru/de/ispolzuem-google-cloud-print-bez-google-chrome-chto-takoe-virtualnyi-printer.html">Google Chrome</a> und den Code einer anderen Person in diesem Browser zu lernen ist so einfach wie das Schälen von Birnen. Wie im Prinzip auch bei jedem anderen. Das Schema wird nicht nur ähnlich, sondern identisch sein. Öffnen Sie die Seite, deren Code wir wissen möchten, und klicken Sie mit der rechten Maustaste auf eine beliebige Stelle. Klicken Sie im angezeigten Fenster auf „Seitencode anzeigen“.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_3-40.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>In einem neuen Fenster wird ein Codeblatt geöffnet, das für Anfänger recht schwer zu verstehen ist. Aber seien Sie nicht im Voraus beunruhigt.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_4-36.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Wenn Sie den Code nur eines Elements kennen müssen, fahren Sie einfach mit der Maus darüber und klicken Sie mit der rechten Maustaste. Wählen Sie eine andere Chrome-Funktion: „Elementcode anzeigen“.</p> <p>Mich könnte zum Beispiel interessieren, wie das Logo erstellt wurde, mit einem Bild oder einer Programmiersprache? Schließlich kann man mit ein Quadrat zeichnen <a href="https://bakep.ru/de/how-to-align-the-right-edge-of-the-html-align-text-with-padding-css.html">CSS-Hilfe</a>. Viele Experten raten dazu, möglichst viele Informationen im Code festzuhalten. Wie funktionieren sie auf beliebten Websites?</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_5-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Jetzt sind die notwendigen Informationen aufgetaucht. HTML oben, CSS unten. Das sind zwei Sprachen. Der erste ist für die Textkomponente zuständig, der zweite für das Design. Wenn es kein CSS gäbe, müssten Sie jedes Mal die Farbe und die Schriftgröße angeben. Das ist für jede Seite sehr lang. Aber wenn es kein HTML gäbe, dann hätten wir auch keine Texte. Ich habe es grob erklärt, aber im Großen und Ganzen ist es so.</p> <p>Übrigens, wer sich dafür interessiert, wie es hier funktioniert, kann sich den Link zum Bild unten ansehen. Hier ist Ihre Antwort.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_6-33.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Mozilla Firefox</h3> <p>Wenn Sie gerne mit Mastix arbeiten, ist alles genau gleich. Öffnen Sie die Seite und klicken Sie auf die rechte Maustaste. „Seitenquellcode“, wenn Sie den gesamten Code sehen möchten.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_7-32.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Wenn Sie mit der Maus über ein Element fahren, können Sie dessen Code öffnen.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_8-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Hier werden die Daten am unteren Bildschirmrand angezeigt, ansonsten ist alles genau gleich.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_9-29.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Yandex-Browser</h3> <p>Im Yandex-Browser ist alles genau das gleiche wie in den beiden vorherigen Optionen. Öffnen Sie die Seite, klicken Sie mit der rechten Maustaste und sehen Sie sich den Seitencode an.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_10-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Wir bewegen den Cursor über ein Element, wenn wir dessen genauen Code herausfinden möchten.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_11-27.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Hier wird alles genauso angezeigt wie in Chrome.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_12-25.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h3>Oper</h3> <p>Und schließlich Opera.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_13-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Übrigens haben Sie vielleicht bemerkt, dass Sie keine Maus verwenden müssen. Es gibt eine schnelle Tastenkombination zum Öffnen des Codes, die für alle Browser gleich ist: <b>STRG+U</b>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_14-24.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Für Elemente: Strg+Umschalt+C.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_15-22.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>So sieht das Ergebnis aus.</p> <p><img src='https://i2.wp.com/start-luck.ru/wp-content/uploads/Screenshot_16-23.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <h2><span>Das wird für Anfänger interessant sein</span></h2> <p>Schauen Sie nun, wie alles funktioniert. Sie finden eine Website und ein Element gefällt Ihnen wirklich gut. Zum Beispiel dieses hier. Sie wissen bereits, wie Sie den Elementcode öffnen.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_17-20.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kopieren Sie es nun.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_18-19.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ich verwende , füge diesen Code in eine neue HTML-Datei ein, in das Body-Tag (Body auf Englisch).</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_19-18.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Schauen wir uns nun an, wie das Ganze im Browser aussehen wird.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_20-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Bereit. Damit der Text an den Rändern ausgerichtet wird und eine grünliche Farbe erhält, müssen Sie CSS mit diesem Dokument verbinden und einen anderen Code von der Site kopieren, von der wir diesen kopiert haben.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_21-16.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ich werde das jetzt nicht tun. Das erfordert mehr Zeit: sowohl meine als auch deine. Ich denke, dass ich alle Details in meinen zukünftigen Veröffentlichungen beschreiben werde. Abonnieren Sie den Newsletter und erfahren Sie als Erster, wenn ein Artikel erscheint.</p> <p>Wenn du es nicht aushältst, aber jetzt mehr über HTML und CSS erfahren möchtest, dann kann ich dir traditionell kostenlose Schulungen empfehlen.</p> <p>Hier sind 33 Lektionen, die es Ihnen ermöglichen, HTML zu beherrschen – <i><b><span>„Kostenloser HTML-Kurs“</span> </b> </i>.</p> <p><img src='https://i1.wp.com/start-luck.ru/wp-content/uploads/Screenshot_22-16-537x476.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Und hier finden Sie vollständige Informationen zu CSS - <i><b><span>„Kostenloser CSS-Kurs (45 Videolektionen!)“</span> </b> </i>.</p> <p><img src='https://i0.wp.com/start-luck.ru/wp-content/uploads/Screenshot_23-15.jpg' align="center" width="100%" loading=lazy loading=lazy></p> <p>Jetzt wissen Sie etwas mehr. Ich wünsche Ihnen viel Erfolg bei Ihren Bemühungen. Wir sehen uns wieder!</p> <p><a href="https://bakep.ru/de/istoriya-sozdaniya-i-razvitiya-brauzera-mozilla-firefox-istoriya.html">Mozilla Firefox</a> Erweitern Sie den Abschnitt „Ansicht“ im Menü und klicken Sie auf „Quellcode“. Der gleiche Punkt ist drin <a href="https://bakep.ru/de/why-on-the-desktop-are-large-icons-how-to-make-big-icons.html">Kontextmenü</a> Dies geschieht, wenn Sie mit der rechten Maustaste auf den Seitentext klicken. Sie können auch die Tastenkombination STRG + U verwenden. Mozilla FireFox verwendet keine externen Programme – der Quellcode der Seite mit Syntaxhervorhebung wird in einem separaten Browserfenster geöffnet.</p> <p>Klicken Sie im Internet Explorer auf das Menü „Datei“ und wählen Sie „Im Editor bearbeiten“. Anstelle des Namens Notepad kann auch ein anderer Name geschrieben werden, den Sie in den Browsereinstellungen zur Ansicht des Quellcodes vergeben haben. Durch einen Rechtsklick auf eine Seite erscheint ein Kontextmenü, das auch einen Eintrag enthält, mit dem Sie den Quellcode der Seite in einem externen Programm öffnen können – „HTML-Code anzeigen“.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95df96052552b95df9bd.jpg' height="669" width="663" loading=lazy loading=lazy></p> <p>IN <a href="https://bakep.ru/de/how-to-add-an-express-panel-in-chrome-transferring-bookmarks-from-the-opera-browser.html">Opera-Browser</a>Öffnen Sie das Menü, gehen Sie zum Abschnitt „Seite“ und Sie haben die Möglichkeit, im Unterabschnitt „Entwicklungstools“ den Punkt „Quellcode“ oder den Punkt „Frame-Quellcode“ auszuwählen. Diesen Auswahlmöglichkeiten sind die Tastenkombinationen STRG + U bzw. STRG + UMSCHALT + U zugeordnet. Das Kontextmenü, das mit dem Rechtsklick auf eine Seite verbunden ist, verfügt auch über den Eintrag „Quellcode“. Opera öffnet die Seitenquelle in einem externen Programm, das im Betriebssystem oder in den Browsereinstellungen zum Bearbeiten von HTML-Dateien festgelegt ist.</p> <p><img src='https://i2.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b95eb30952552b95eb346.jpg' width="100%" loading=lazy loading=lazy></p> <p><a href="https://bakep.ru/de/required-settings-in-google-chrome-the-most-important-settings-for-the-google-chrome-browser.html">Google-Browser</a> Chrome bietet ohne Zweifel das beste Erlebnis beim Anzeigen von Quellcode. Durch einen Rechtsklick auf die Seite können Sie „Seitencode anzeigen“ auswählen und dann wird der Quellcode mit Syntaxhervorhebung in einem separaten Tab geöffnet. Oder Sie wählen im selben Menü die Zeile „Elementcode anzeigen“ und der Browser im selben Tab öffnet zwei zusätzliche Frames, in denen Sie den HTML- und CSS-Code jedes Seitenelements überprüfen können. Der Browser reagiert auf die Bewegung des Cursors über Codezeilen, indem er Elemente auf der Seite hervorhebt, die mit diesem Abschnitt des HTML-Codes übereinstimmen.</p> <p><img src='https://i1.wp.com/st03.kakprosto.ru/tumb/680/images/article/2011/7/8/1_52552b9603c4652552b9603c84.jpg' width="100%" loading=lazy loading=lazy></p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <footer> <div class="td-post-source-tags"> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" content="https://bakep.ru/kak-bystro-otkryt-kod-stranicy-v-brauzere-dazhe-esli-kopirovanie-zapreshcheno.html" /><span style="display: none;"><span style="display: none;"><meta itemprop="url" content="/assets/logo.svg"></span> <meta itemprop="name" content="Как быстро открыть код страницы в браузере, даже если копирование запрещено. Распаковка и расшифровка скриптов JavaScript Как расшифровать html код страницы"> </span> <meta itemprop="headline " content="Сбербанк Копилка онлайн"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://i2.wp.com/manhunter.ru/upload/1a/87/1a870b5012697202749e9805fa585605.jpg"> <meta itemprop="width" content="366"><meta itemprop="height" content="262"></span> </footer> </article> <style> .ads-border { overflow: hidden; } .ads-content { width: 930px; display: block; } @media(max-width: 1140px) { .ads-content { width: 910px; } } @media(max-width: 1018px) { .ads-content { width: 970px; } } @media (max-width: 767px) { .ads-content { width: 134%; } } @media (max-width: 479px) { .ads-content { width: 100%; height: 490px; } } </style> <div class="ads-block"> <h4 class="td-related-title"><span class="td-related-left td-cur-simple-item">IN VERBINDUNG STEHENDE ARTIKEL</span></h4> <div class="ads-border"> <div class="ads-content"> </div> </div> </div> <style> #mc-container { padding: 10px; } </style> <dblock></dblock> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> <aside class="widget widget_text" id="text-23"> <div class="block-title"><span>Nützlich</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-24"> <div class="block-title"><span>Werbung</span></div> <div class="textwidget" align="center"></div> </aside> <aside class="widget widget_text" id="text-25"> <div class="textwidget"> <p style="text-align: center;"> </p> </div> </aside> <aside class="widget rpwe_widget recent-posts-extended" id="rpwe_widget-4"> <div class="block-title"><span>Neu</span></div> <dblock></dblock> <div class="rpwe-block "> <ul class="rpwe-ul"> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/kak-v-wordpress-sozdat-modalnoe-vsplyvayushchee-okno-vsplyvayushchee-okno-wordpress.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/seo911.su/wp-content/uploads/1-popup-plugin.jpg" alt="Wordpress-Popup-Fenster – Plugin im russischen WordPress-Seiten-Modalfenster" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/kak-v-wordpress-sozdat-modalnoe-vsplyvayushchee-okno-vsplyvayushchee-okno-wordpress.html" title="Wordpress-Popup-Fenster – Plugin im russischen WordPress-Seiten-Modalfenster" rel="bookmark">Wordpress-Popup-Fenster – Plugin im russischen WordPress-Seiten-Modalfenster</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/socialnye-seti-v-belarusi-pervyi-reiting-socialnyh-setei-belarusi-kakie.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/profi-forex.org/system/user_files/Images/News/10-2014/021014/552f648f8f63.jpg" alt="Die erste Bewertung sozialer Netzwerke in Weißrussland" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/socialnye-seti-v-belarusi-pervyi-reiting-socialnyh-setei-belarusi-kakie.html" title="Die erste Bewertung sozialer Netzwerke in Weißrussland" rel="bookmark">Die erste Bewertung sozialer Netzwerke in Weißrussland</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/kak-ocifrovat-cherno-belye-fotografii-kak-perevesti-realnye.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i1.wp.com/s.androidinsider.ru/2016/11/PhotoScan-01.@750.jpg" alt="Wie konvertiert man echte Fotos in digitale Form?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/kak-ocifrovat-cherno-belye-fotografii-kak-perevesti-realnye.html" title="Wie konvertiert man echte Fotos in digitale Form?" rel="bookmark">Wie konvertiert man echte Fotos in digitale Form?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/nauchpop-kanaly-na-yutube-luchshie-kanaly-na-youtube-tolko-samoe.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/netobserver.ru/wp-content/uploads/2017/06/1-top-10-russian-youtube-channelss-eeoneguy.jpg" alt="Top YouTube-Kanäle" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/nauchpop-kanaly-na-yutube-luchshie-kanaly-na-youtube-tolko-samoe.html" title="Top YouTube-Kanäle" rel="bookmark">Top YouTube-Kanäle</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/os-track-monitoring-sistemy-mac-os-x-kak-posmotret-zapushchennye-processy-v.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/mipko.ru/uploads/products/mac-personal-monitor/screenshots/install.png" alt="So sehen Sie laufende Prozesse in der OS X-Systemüberwachung unter Mac OS, wie man aufruft" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/os-track-monitoring-sistemy-mac-os-x-kak-posmotret-zapushchennye-processy-v.html" title="So sehen Sie laufende Prozesse in der OS X-Systemüberwachung unter Mac OS, wie man aufruft" rel="bookmark">So sehen Sie laufende Prozesse in der OS X-Systemüberwachung unter Mac OS, wie man aufruft</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/kak-uznavat-o-skidkah-na-prilozheniya-v-app-store-pri-pomoshchi.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/appletimes.ru/wp-content/uploads/2018/10/22-193.jpg" alt="Kostenlose Apps und Rabatte auf die iOS-Spiele im App Store" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/kak-uznavat-o-skidkah-na-prilozheniya-v-app-store-pri-pomoshchi.html" title="Kostenlose Apps und Rabatte auf die iOS-Spiele im App Store" rel="bookmark">Kostenlose Apps und Rabatte auf die iOS-Spiele im App Store</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/nuzhnye-programmy-na-aifon-5-s-kak-skachat-i-ustanovit.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i2.wp.com/composs.ru/wp-content/uploads/2018/07/luchshie_prilozheniya_dlya_iphone2.jpg" alt="Wie lade ich die Anwendung herunter und installiere sie auf dem iPhone?" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/nuzhnye-programmy-na-aifon-5-s-kak-skachat-i-ustanovit.html" title="Wie lade ich die Anwendung herunter und installiere sie auf dem iPhone?" rel="bookmark">Wie lade ich die Anwendung herunter und installiere sie auf dem iPhone?</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/kak-skryt-foto-na-iphone-kak-skryt-ili-spryatat-foto-na-aifone-vstroennye.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/iphonich.ru/wp-content/uploads/2017/01/YAndeks.Disk.jpg" alt="So verbergen oder verstecken Sie Fotos auf dem iPhone. Integrierte iPhone-Funktionen" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/kak-skryt-foto-na-iphone-kak-skryt-ili-spryatat-foto-na-aifone-vstroennye.html" title="So verbergen oder verstecken Sie Fotos auf dem iPhone. Integrierte iPhone-Funktionen" rel="bookmark">So verbergen oder verstecken Sie Fotos auf dem iPhone. Integrierte iPhone-Funktionen</a> </li> <li class="rpwe-li rpwe-clearfix"> <a class="rpwe-img" href="https://bakep.ru/de/kak-skryt-fotografii-na-iphone-effektivno-kak-spryatat-fotografii-na-iphone-i-ipad.html" rel="bookmark"> <img class="rpwe-aligncenter rpwe-thumb" src="https://i0.wp.com/myapplemaster.ru/wp-content/uploads/2018/06/img1.jpg" alt="So verstecken Sie Fotos auf dem iPhone und iPad. Verstecken Sie Fotos auf dem iPhone und iPad mit den Standardfunktionen von iOS" loading=lazy loading=lazy></a> <a style="color: #169c4c; font-size:14px; font-weight:600;" href="https://bakep.ru/de/kak-skryt-fotografii-na-iphone-effektivno-kak-spryatat-fotografii-na-iphone-i-ipad.html" title="So verstecken Sie Fotos auf dem iPhone und iPad. Verstecken Sie Fotos auf dem iPhone und iPad mit den Standardfunktionen von iOS" rel="bookmark">So verstecken Sie Fotos auf dem iPhone und iPad. Verstecken Sie Fotos auf dem iPhone und iPad mit den Standardfunktionen von iOS</a> </li> </ul> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-3"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span3 logo-footer"> <div class="td-footer-info"> <div class="footer-logo-wrap"><a href="https://bakep.ru/de/"><img class="td-retina-data" src="/img/logo.png" data-retina="/img/logo.png" alt="Computertipps für Anfänger" title="Computertipps für Anfänger" / loading=lazy loading=lazy></a></div> <div class="footer-text-wrap"></div> <div class="footer-social-wrap td-social-style-2"></div> </div> <aside class="widget widget_text" id="text-16"> <div class="textwidget"> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <span class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus,twitter"></span></div> </aside> </div> <div class="td-pb-span9 footer-discription"> <aside class="widget widget_text" id="text-5"> <div class="textwidget"> <p> <font size="2" color="grey"> </font> </p>© Computertipps für Anfänger, 2023</div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12 td-sub-footer-menu"> <div class="td-sub-footer-main"> <div class="menu-foot-container"><ul id="menu-foot" class="td-subfooter-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-first td-menu-item td-normal-menu"><a href="https://bakep.ru/de/feedback.html">Rückkopplung</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="https://bakep.ru/de/sitemap.xml">Seitenverzeichnis</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page td-menu-item td-normal-menu"><a href="">Über die Website</a></li> </ul></div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("span.ancored").replaceWith(function () { $this = jQuery(this); href = $this.attr("title"); text = $this.html(); return '<a href="' + href + '">' + text + '</a>'; } ) } ) </script> <link rel='stylesheet' id='font-awesome-css' href='//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='su-content-shortcodes-css' href='/assets/content-shortcodes.css' type='text/css' media='all' /> <link rel='stylesheet' id='su-box-shortcodes-css' href='/assets/box-shortcodes.css' type='text/css' media='all' /> <script type='text/javascript' src='/assets/jquery.form.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = { "recaptcha":{ "messages":{ "empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442."} },"cached":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='/assets/scripts.js'></script> <script type='text/javascript' src='/assets/front.min.js'></script> <script type='text/javascript' src='/assets/imagesloaded.min.js'></script> <script type='text/javascript' src='/assets/masonry.min.js'></script> <script type='text/javascript' src='/assets/jquery.masonry.min.js'></script> <script type='text/javascript' src='/assets/rsvp.js'></script> <script type='text/javascript' src='/assets/tagdiv_theme.js'></script> <script type='text/javascript' src='/assets/comment-reply.min.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "td-default", "margin_top" : 25, "margin_bottom" : 320, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-13'] } ; </script> <script type='text/javascript' src='/assets/q2w3-fixed-widget.min.js'></script> <script type='text/javascript' src='/assets/wp-embed.min.js'></script> <style type='text/css'> /*** Shortcodes Ultimate - box elements ***/ /* Common styles ---------------------------------------------------------------*/ .su-clearfix:before, .su-clearfix:after { display: table; content: " "; } .su-clearfix:after { clear: both; } /* Tabs + Tab ---------------------------------------------------------------*/ .su-tabs { margin: 0 0 1.5em 0; padding: 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #eee; } .su-tabs-nav span { display: inline-block; margin-right: 3px; padding: 10px 15px; font-size: 13px; min-height: 40px; line-height: 20px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; color: #333; cursor: pointer; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .su-tabs-nav span:hover { background: #f5f5f5; } .su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; } .su-tabs-nav span.su-tabs-disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; } .su-tabs-pane { padding: 15px; font-size: 13px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; background: #fff; color: #333; } .su-tabs-vertical:before, .su-tabs-vertical:after { content: " "; display: table; } .su-tabs-vertical:after { clear: both; } .su-tabs-vertical .su-tabs-nav { float: left; width: 30%; } .su-tabs-vertical .su-tabs-nav span { display: block; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .su-tabs-vertical .su-tabs-panes { float: left; width: 70%; } .su-tabs-vertical .su-tabs-pane { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .su-tabs-nav, .su-tabs-nav span, .su-tabs-panes, .su-tabs-pane { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-tabs-nav span { display: block; } .su-tabs-vertical .su-tabs-nav { float: none; width: auto; } .su-tabs-vertical .su-tabs-panes { float: none; width: auto; } } /* Spoiler + Accordion ---------------------------------------------------------------*/ .su-spoiler { margin-bottom: 1.5em; } .su-spoiler .su-spoiler:last-child { margin-bottom: 0; } .su-accordion { margin-bottom: 1.5em; } .su-accordion .su-spoiler { margin-bottom: 0.5em; } .su-spoiler-title { position: relative; cursor: pointer; min-height: 20px; line-height: 20px; padding: 7px 7px 7px 34px; font-weight: bold; font-size: 13px; } .su-spoiler-icon { position: absolute; left: 7px; top: 7px; display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; *margin-right: .3em; } .su-spoiler-content { padding: 14px; -webkit-transition: padding-top .2s; -moz-transition: padding-top .2s; -o-transition: padding-top .2s; transition: padding-top .2s; -ie-transition: padding-top .2s; } .su-spoiler.su-spoiler-closed > .su-spoiler-content { height: 0; margin: 0; padding: 0; overflow: hidden; border: none; opacity: 0; } .su-spoiler-icon-plus .su-spoiler-icon:before { content: "\f068"; } .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before { content: "\f067"; } .su-spoiler-icon-plus-circle .su-spoiler-icon:before { content: "\f056"; } .su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f055"; } .su-spoiler-icon-plus-square-1 .su-spoiler-icon:before { content: "\f146"; } .su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0fe"; } .su-spoiler-icon-plus-square-2 .su-spoiler-icon:before { content: "\f117"; } .su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f116"; } .su-spoiler-icon-arrow .su-spoiler-icon:before { content: "\f063"; } .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before { content: "\f061"; } .su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before { content: "\f0ab"; } .su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f0a9"; } .su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before { content: "\f01a"; } .su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f18e"; } .su-spoiler-icon-chevron .su-spoiler-icon:before { content: "\f078"; } .su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before { content: "\f054"; } .su-spoiler-icon-chevron-circle .su-spoiler-icon:before { content: "\f13a"; } .su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before { content: "\f138"; } .su-spoiler-icon-caret .su-spoiler-icon:before { content: "\f0d7"; } .su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before { content: "\f0da"; } .su-spoiler-icon-caret-square .su-spoiler-icon:before { content: "\f150"; } .su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before { content: "\f152"; } .su-spoiler-icon-folder-1 .su-spoiler-icon:before { content: "\f07c"; } .su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before { content: "\f07b"; } .su-spoiler-icon-folder-2 .su-spoiler-icon:before { content: "\f115"; } .su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before { content: "\f114"; } .su-spoiler-style-default { } .su-spoiler-style-default > .su-spoiler-title { padding-left: 27px; padding-right: 0; } .su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon { left: 0; } .su-spoiler-style-default > .su-spoiler-content { padding: 1em 0 1em 27px; } .su-spoiler-style-fancy { border: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; color: #333; } .su-spoiler-style-fancy > .su-spoiler-title { border-bottom: 1px solid #ccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f0f0f0; font-size: 0.9em; } .su-spoiler-style-fancy.su-spoiler-closed > .su-spoiler-title { border: none; } .su-spoiler-style-fancy > .su-spoiler-content { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .su-spoiler-style-simple { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .su-spoiler-style-simple > .su-spoiler-title { padding: 5px 10px; background: #f0f0f0; color: #333; font-size: 0.9em; } .su-spoiler-style-simple > .su-spoiler-title > .su-spoiler-icon { display: none; } .su-spoiler-style-simple > .su-spoiler-content { padding: 1em 10px; background: #fff; color: #333; } /* Quote ---------------------------------------------------------------*/ .su-quote-style-default { position: relative; margin-bottom: 1.5em; padding: 0.5em 3em; font-style: italic; } /*.su-quote-style-default.su-quote-has-cite { margin-bottom: 3em; } */ .su-quote-style-default:before, .su-quote-style-default:after { position: absolute; display: block; width: 20px; height: 20px; background-image: url('../images/quote.png'); content: ''; } .su-quote-style-default:before { top: 0; left: 0; background-position: 0 0; } .su-quote-style-default:after { right: 0; bottom: 0; background-position: -20px 0; } .su-quote-style-default .su-quote-cite { display: block; text-align: right; font-style: normal; } .su-quote-style-default .su-quote-cite:before { content: "\2014\0000a0"; } .su-quote-style-default .su-quote-cite a { text-decoration: underline; } /* Pullquote ---------------------------------------------------------------*/ .su-pullquote { display: block; width: 30%; padding: 0.5em 1em; } .su-pullquote-align-left { margin: 0.5em 1.5em 1em 0; padding-left: 0; float: left; border-right: 5px solid #eee; } .su-pullquote-align-right { margin: 0.5em 0 1em 1.5em; padding-right: 0; float: right; border-left: 5px solid #eee; } /* Row + Column ---------------------------------------------------------------*/ .su-row { clear: both; zoom: 1; margin-bottom: 1.5em; } .su-row:before, .su-row:after { display: table; content: ""; } .su-row:after { clear: both; } .su-column { display: block; margin: 0 4% 0 0; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .su-column-last { margin-right: 0; } .su-row .su-column { margin: 0 0 0 4%; } .su-row .su-column.su-column-size-1-1 { margin-left: 0; margin-right: 0; } .su-row .su-column:first-child { margin-left: 0; } .su-column-centered { margin-right: auto !important; margin-left: auto !important; float: none !important; } .su-column img, .su-column iframe, .su-column object, .su-column embed { max-width: 100%; } @media only screen { [class*="su-column"] + [class*="su-column"]:last-child { float: right; } } .su-column-size-1-1 { width: 100%; } .su-column-size-1-2 { width: 48%; } .su-column-size-1-3 { width: 30.66%; } .su-column-size-2-3 { width: 65.33%; } .su-column-size-1-4 { width: 22%; } .su-column-size-3-4 { width: 74%; } .su-column-size-1-5 { width: 16.8%; } .su-column-size-2-5 { width: 37.6%; } .su-column-size-3-5 { width: 58.4%; } .su-column-size-4-5 { width: 79.2%; } .su-column-size-1-6 { width: 13.33%; } .su-column-size-5-6 { width: 82.66%; } /* Styles for screens that are less than 768px */ @media only screen and (max-width: 768px) { .su-column { width: 100% !important; margin: 0 0 1.5em 0 !important; float: none !important; } .su-row .su-column:last-child { margin-bottom: 0 !important; } } /* Service ---------------------------------------------------------------*/ .su-service { position: relative; margin: 0 0 1.5em 0; } .su-service-title { display: block; margin-bottom: 0.5em; color: #333; font-weight: bold; font-size: 1.1em; } .su-service-title img { position: absolute; top: 0; left: 0; display: block !important; margin: 0 !important; padding: 0 !important; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .su-service-title i { position: absolute; top: 0; left: 0; display: block !important; width: 1em; height: 1em; text-align: center; line-height: 1em; } .su-service-content { line-height: 1.4; } /* Box ---------------------------------------------------------------*/ .su-box { margin: 0 0 1.5em 0; border-width: 2px; border-style: solid; } .su-box-title { display: block; padding: 0.5em 1em; font-weight: bold; font-size: 1.1em; } .su-box-content { background-color: #fff; color: #444; padding: 1em; } .su-box-style-soft .su-box-title { background-image: url('../images/styles/style-soft.png'); background-position: 0 0; background-repeat: repeat-x; } .su-box-style-glass .su-box-title { background-image: url('../images/styles/style-glass.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-bubbles .su-box-title { background-image: url('../images/styles/style-bubbles.png'); background-position: 0 50%; background-repeat: repeat-x; } .su-box-style-noise .su-box-title { background-image: url('../images/styles/style-noise.png'); background-position: 0 0; background-repeat: repeat-x; } /* Note ---------------------------------------------------------------*/ .su-note { margin: 0 0 1.5em 0; border-width: 0px; border-style: solid; } .su-note-inner { padding: 1em; border-width: 0px; border-style: solid; box-shadow: 3px 3px 6px #d0d0d0; } /* Expand ---------------------------------------------------------------*/ .su-expand { margin: 0 0 1.5em 0; } .su-expand-content { overflow: hidden; } .su-expand-link { margin-top: 0.5em; cursor: pointer; } .su-expand-link:hover { opacity: 0.7; filter: alpha(opacity=70); } .su-expand-link a, .su-expand-link a:hover, .su-expand-link a:active, .su-expand-link a:visited, .su-expand-link a:focus { display: inline; text-decoration: none; background: transparent; border: none; } .su-expand-link-style-default .su-expand-link a, .su-expand-link-style-default .su-expand-link a:hover { text-decoration: none; } .su-expand-link-style-underlined .su-expand-link span { text-decoration: underline; } .su-expand-link-style-dotted .su-expand-link span { border-bottom: 1px dotted #333; } .su-expand-link-style-dashed .su-expand-link span { border-bottom: 1px dashed #333; } .su-expand-link-style-button .su-expand-link a { display: inline-block; margin-top: 0.2em; padding: 0.2em 0.4em; border: 2px solid #333; } .su-expand-link-more { display: none; } .su-expand-link-less { display: block; } .su-expand-collapsed .su-expand-link-more { display: block; } .su-expand-collapsed .su-expand-link-less { display: none; } .su-expand-link i { display: inline-block; margin: 0 0.3em 0 0; vertical-align: middle; color: inherit; } .su-expand-link img { display: inline-block; width: 1em; height: 1em; margin: 0 0.3em 0 0; vertical-align: middle; } /* Lightbox content ---------------------------------------------------------------*/ .su-lightbox-content { position: relative; margin: 0 auto; } .mfp-content .su-lightbox-content, #su-generator .su-lightbox-content { display: block !important; } .su-lightbox-content-preview { width: 100%; min-height: 300px; background: #444; overflow: hidden; } .su-lightbox-content h1, .su-lightbox-content h2, .su-lightbox-content h3, .su-lightbox-content h4, .su-lightbox-content h5, .su-lightbox-content h6 { color: inherit; } /* Common margin resets for box elements ---------------------------------------------------------------*/ .su-column-inner > *:first-child, .su-accordion > *:first-child, .su-spoiler-content > *:first-child, .su-service-content > *:first-child, .su-box-content > *:first-child, .su-note-inner > *:first-child, .su-expand-content > *:first-child, .su-lightbox-content > *:first-child { margin-top: 0; } .su-column-inner > *:last-child, .su-tabs-pane > *:last-child, .su-accordion > *:last-child, .su-spoiler-content > *:last-child, .su-service-content > *:last-child, .su-box-content > *:last-child, .su-note-inner > *:last-child, .su-expand-content > *:last-child, .su-lightbox-content > *:last-child { margin-bottom: 0; } </style> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/assets/style2.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html>