So zeigen Sie den Seitencode im Browser an. So öffnen Sie den Seitencode schnell im Browser, auch wenn das Kopieren verboten ist

2019-02-15

Dieser frische Artikel wird geschrieben, um aktuelle Informationen zum Löschen unnötiger Links von Blogspot-Vorlagen sowie von neuen Themen Blogger hervorzuheben. Wie Sie wissen, sind in den Blogger-Codes 2018 Änderungen vorgenommen, so dass viele Aktionen mit dem Code auf neue Weise getroffen werden müssen. Außerdem gab es neue Themen, die ansonsten gebildet wurden. In Verbindung mit diesen Änderungen analysieren wir das Thema zum Entfernen von Links.
Sie können Ihren Blog für externe Links auf den Diensten von https://pr-cy.ru/link_extractor/ und https://seolik.ru/links überprüfen. Vergessen Sie nicht, dass Sie nicht nur die Hauptblogseite überprüfen müssen, sondern auch die Datensätze (Beiträge) und Seiten (Seite). Eine große Anzahl von externen Referenzen, die für die Indexierung offen sind, werden behindert.

So löschen Sie Links aus der alten Standard-Blogger-Vorlage

1. Link zum Blogger löschen - https://www.blogger.com/. Dieser Link ist in das Attributierungs-Widget eingeschlossen. In der Registerkarte "Blog-Design" wird es als Gadget-Attribution angezeigt. Um es zu entfernen, gehen Sie zum "Thema" -\u003e HTML bearbeiten. Suchwidgets (Widget-Liste) Wir suchen Attribution1 und löschen Sie den gesamten Code zusammen mit dem Fußzeilenabschnitt, in dem er abgeschlossen ist. Dies sieht aus wie ein abnehmbarer Code in der verdrehten Form:
   
   
   Und so vollständiger Code:
   

   
   
   
   
   
   
   

   
   
   
   
   

   
   
   
   
   

   Wir speichern die Änderungen und überprüfen den Blog für das Vorhandensein einer Attribution.
2. Natürlich haben Sie die Symbole "Schrauben- und Schraubendreher" in Ihrem Blog für schnelle Bearbeitungs-Widgets gesehen. Jedes solche Symbol trägt mit Ihnen externer Link zum Blogger. Jetzt sind sie vom Nofollow-Tag geschlossen, aber sie müssen sie noch loswerden. Bearbeiten Sie dieselben Widgets, die Sie auf der Registerkarte Design befinden.
   Hier ist eine unvollständige Liste von Referenzen, die in einem Schraubenschlüssel-Symbolen verschlüsselt werden (der Blog-ID ist Ihre)
   - HTML1-Widget: http://www.blogger.com/rearrange?ablogid\u003d1490203873741752013&widgettype\u003dhtml&widgetid\u003dhtml1&action\u003deditwidget§ionId\u003dheader.
   - HTML2-Widget. http://www.blogger.com/rearrange?ablogid\u003d1490203873741752013&widgettype\u003dhtml&widgetid\u003dhtml2&actionid\u003dheader.
   - Blog-Archiv: http://www.blogger.com/rearrange?ablogid\u003d1490203873741752013&widgettype\u003dblogarchive&widgetid\u003dblogarchive1&action\u003deditwidget§ionId\u003dmain.
   - Blog-Etiketten: http://www.blogger.com/rearrange?ablogid\u003d1490203873741752013&widgettype\u003dlabel&widgetid\u003dlabel1&action\u003deditwidget§ionId\u003dmain.
   - beliebte Nachrichten: http://www.blogger.com/rearrange?blogId\u003d1490203873741752013&widgettype\u003dPopularPosts&widgetID\u003dPopularPosts2&actionId\u003deditwidget§ionId\u003dmain.
   Von all diesen Links ist es leicht, loszuwerden. Finden Sie einen Tag-Blog in der Blog-Vorlage . Es trifft so oft wie Widgets in Ihrem Blog. Entfernen Sie das gesamte Eingabe-Tag .
3. Löschen Sie Links zum Schnellbearbeitungsblogeintrag (Symbol "Bleistift"). Vereinfacht die Bearbeitungsbeiträge, trägt jedoch eine Bedrohung als externen Referenztyp: https://www.blogger.com/post-edit.g?blogId\u003d1490203873741752013&Postid\u003d4979812525036427892&von\u003dspencil.
   Wie löschen Sie:
   Methode 1. Bearbeiten Sie auf der Registerkarte Design das Element "Blog" und entfernen Sie das Kontrollkästchen in der Kurzbearbeitung "Show". "
   Methode 2. Finden Sie einen Tag-Blog in der Blog-Vorlage Und entfernen Sie es. Speichern Sie die Änderungen und überprüfen Sie Ihren Blog für Symbole und Links.
4. Navig entfernen. Finden Sie die Suche nach Widgets in der HTML-Schablone NavBar1 und löschen Sie den gesamten Code zusammen mit dem Abschnitt.

   Nämlich:
   

   
   
   
   

   
   
   
   
   
   

   Jetzt gibt Navboar keine indizierten externen Referenzen im Blog, aber ich glaube, dass dies ein zusätzliches Element ist, das die Funktionslast nicht trägt, und es ist besser, es zu entfernen.
5. Löschen Sie externe Links zu Bildern. Beim Laden von Bildern in der Blognachricht wird der Link automatisch in sie eingebettet. Um solche Links zu entfernen, müssen Sie alle Blog-Einträge bearbeiten. Im Modus "Ansicht" und dann auf dem Link "Link" -Symbol. Wenn das Bild keinen externen Link enthält, ist das Symbol "Link", wenn das Bild auf den Fotoeditor klickt, nicht aktiviert ist (kein Hintergrundbeleuchtungssymbol).
   
   
6. Entfernen Sie den Link zum Profil des Blog-Autors. Löschen Sie den Blog des Autors unter dem Datensatz. Finden Sie dazu den Code. wahr. Und statt wahr, saugen Sie false. Wann immer falsch
7. Schließen Sie einen Link aus dem Widget "" von der Indexierung des Nofollow-Tags. Wenn Sie ein "Profil-Widget-Widget in Ihrem Blog verwenden, finden Sie durch eine schnelle Suche nach Widgets in der Blog-Vorlage Profil1 Gadget. Sie müssen den Widget-Code bearbeiten, indem Sie in zwei Stellen REL \u003d 'Author' auf rel \u003d 'nofollow' ersetzen und den beiden Links rel \u003d 'nofollow' hinzufügen. Sie sollten, wie im Screenshot:

   
   Hergestellt auf der Beispielbearbeitung des Google Plus-Profils. Ich erinnere Sie daran, dass Google Plus am 2. April 2019 liquidiert wird. Dementsprechend ist es nach diesem Zeitpunkt notwendig, andere Änderungen im Code des Widgets "über mich" zu erstellen.

8. Wir prüfen nach externen Links jede Blogspot-Datensatzseite, mit der Kommentare verlassen werden. Finden und löschen Sie den Code in der Blog-Vorlage:
   
   In den Blog-Einstellungen auf dem Blog-Setup -\u003e Andere -\u003e Pide-Site -\u003e lassen Sie mich dem Blog FID erlauben, die folgenden Einstellungen zu verwenden:
   
   

Entfernen Sie externe Links aus der neuen Standard-Blogger-Vorlage

4. Browser Google Chrome. Keine Zweifel haben die beste Organisation der Initialen der Code aber. Wenn Sie mit der rechten Maustaste auf der Seite klicken, möchten Sie es vorziehen, "anzeigen" der Code aber seiten "Und dann wird die Syntax-Backlit-Quelle auf einer separaten Registerkarte geöffnet. Und Sie können sich im selben Menüpunkt der Zeichenfolge vorziehen der Code und das Element "und der Browser in derselben Registerkarte öffnet zwei zusätzliche Frames, in denen Sie HTML und CSS inspizieren können der Code von jedem Element seiten . Der Browser reagiert auf die Bewegung des Cursors an den Reihen der Code A, Highlighing der Elemente auf der Seite, die diesem Abschnitt von HTML entspricht der Code aber.

5. Erweitern Sie im Apple Safari-Browser den Abschnitt "Ansicht" und wählen Sie die Zeichenfolge "HTML anzeigen" aus. der Code aber". Im Menü, das mit der rechten Maustaste auf den richtigt klicken seiten Der entsprechende Punkt wird als "Ansicht-Quelle" bezeichnet. Diese Aktion wird von den Burning-Tasten Ctrl + Alt + U. Anfang verschrieben der Code Öffnet in einem separaten Browserfenster.

Fertigkeit Ändern Sie den Quellcode - Nützliche Fähigkeiten für einen fortschrittlichen Internetbenutzer. Mit den HTML-Codes können Sie die offene Webseite, wie Sie möchten. In diesem Artikel werden wir erzählen so ändern Sie den Seitencode In Google Chrome. In anderen Browsern wird jedoch alles auf dieselbe Weise gemacht, daher sollte es keine Schwierigkeiten geben.

Was ist der HTML-Seitencode?

Jede Seite, die Sie im Browser öffnen, hat einen eigenen Code in der HTML-Markup-Sprache. Dieser Code ist Tags und Text. Tags sind eigentümliche Etiketten, die den Browser angeben, wie man einen oder einen anderen Teil der Site anzeigt. Text ist die Füllung der Seite, was der Benutzer sieht. CSS-Stile, die das Erscheinungsbild der Seitenelemente einstellen, können auch an die Seite angeschlossen werden. Zu Ändern Sie den Quellcode der Site Sie müssen HTML und CSS nicht gründlich kennen, und bald werden Sie sicher sorgen.

Warum die Webseite ändern?

Sie können die Daten auf der Site ersetzen, den Nachrichtentext ändern, einen gefälschten Screenshot erstellen. Bitte beachten Sie, dass alle Änderungen nur für Sie sichtbar sind, und beim Neustart der Seite werden sie verschwinden. Geänderte Daten sind auch nicht echt. Zum Beispiel, wenn ich $ 10 habe, und ich werde um 100 wechseln, dann werde ich nicht mehr Geld mehr sein. Es ist nur eine Browserseitenanzeige. Beispiel:

Nach dem:

Zum Beispiel werde ich dieselbe Site nehmen und die vorherige Ankündigung des Artikels ändern "" Ich öffne die Hauptseite in Google Chrome. Ich klicke auf das PCM auf dem Element, das ich ändern möchte, z. B. den Ankündigungskopf und wählen Sie "Code anzeigen".

Gehen Sie in dem öffnenden Fenster auf die Registerkarte Elements und sehen Sie den HTML-Seitencode. Es muss den Text von Interesse für uns finden. (rot betont)

Jetzt werde ich den alten Text löschen und neu machen.

Das ist alles, der Name der Ankündigung wird geändert. Jetzt ändere ich die Ankündigung selbst, Tags und Rubrik.

Sie können ein anderes Bild einfügen, indem Sie das SRC-Attribut in das IMG-Tag ändern.

Heute werden wir heute mehrere nützliche Fonds für Web-Assistenten berücksichtigen, die das Leben beim Verlegen der Website erleichtern. Beginnen wir mit der Konsole für Web Masters in Google Chrome. Und wir werden Fragen eingehen, die am häufigsten vom Web-Master während des Site-Layouts entstehen.

Um in die Konsole zu gelangen, öffnen Sie Ihre Site in Google Chrome, klicken Sie mit der rechten Maustaste auf die rechten Maustaste auf der Webseite und wählen Sie im kontextuellen Dropdown-Menü "Seitencode" oder auf einem bestimmten Element für die Studie aus, indem Sie " Codeelement anzeigen. "

An der Spitze werden Sie mehrere Registerkarten aufgelistet. Heute werden wir über die Registerkarte "Elemente" sprechen , auf welchen Elementen der Webseite mit beleuchteten Tags, Eigenschaften, der Auswahl der Verschachtelungselemente, Darstellung der Elementhierarchie in der Dombaum (Spitze unten, von dem Root-Elternteil, der dem Strom unter studiert ist), die Fähigkeit, Bearbeiten Sie Elemente, die Liste ihrer Eigenschaften, berücksichtigen Sie die Suche nach Artikeln. Wir werden auch mit dem Ansehen von CSS-Styles mit Elementen usw. erlangt.

So zeigen Sie alle Styles mit einem bestimmten Element zusammen? Welches wird jetzt angewendet? Welche Dateien befinden sich diese?

Also ist nichts einfacher! Öffnen Sie Ihren Google Chrome-Browser, öffnen Sie unsere Website - die Quelle der Fragen Klicken Sie mit der rechten Maustaste auf das gewünschte Element, wenn er im Kontext der Seite sichtbar ist, und wählen Sie den Punkt "Ansicht des Artikelscodes" in der Kontextmenü.

Nachfolgend haben wir eine Konsole mit einer hervorgehobenen Registerkarte der linken "Elemente" und alle mit den Elementstilen auf der rechten Seite, wobei: Computerstile. - Dies sind übliche "Summary" -Stile, die einem Element von CSS-Regeln und Benutzerbrowsereinstellungen (der Umgebungsumgebung) zugewiesen wurden, und die Registerkarte wird minimiert.

Wir sind jedoch an der Registerkarte Stile interessiert, die darunter eingesetzt sind, in der alle dem Artikel zugewiesenen Stile sowie Dateien, in denen diese Regeln für diesen Artikel per Typ, ID, Klasse, Name, Eigenschaft, Attribut usw. angegeben sind, an. . Wenn gleichzeitig die CSS-Regel gekreuzt ist, bedeutet dies, dass er früher / ferner überschrieben wurde (so dass es leicht verfolgt wird, welcher CSS-Regeln eine Priorität ist und in diesem Fall in diesem Fall anwendbar ist).

Am unteren Rand der Konsole befindet sich eine Zeichenfolge, die das Element in der Dokumentenhierarchie anzeigt, können Sie einfach, dass Sie die gesamte Liste der übergeordneten Elemente von der Wurzel an den ausgewählten Element anzeigt. So etwas wie "Brotkrümel".

HTML-Tag ist im Kontext der Seite nicht sichtbar? Oder müssen Sie alle Tags finden, z. B. auf einer bestimmten Klasse, Namen, Eigenschaft, Typ?

Öffnen Sie die Site in Google Chrome, klicken Sie mit der rechten Maustaste, klicken Sie auf das Kontextmenü, wählen Sie das Kontextmenü, wählen Sie « Seitencode anzeigen. » . Klicken Sie gleichzeitig auf die Tastaturtaste "Strg + F". Wir geben den Satz ein, den Sie benötigen ( z.B: klasse \u003d "polsterung ") Und wir gehen auf der Liste der gefundenen Ergebnisse, die gleichzeitig durch alle mit den erforderlichen Elementen auf der rechten Seite der Seite in Verbindung gebracht werden.

So zeigen Sie den HTML-Code des verwendeten Elements (Elemente), das dynamisch geladen ist (zum Beispiel: von AJAX)

Wir warten auf die Seitendownloads in Google Chrome. Wir führen die erforderlichen Maßnahmen zur Arbeit des Ajax durch. Klicken Sie mit der rechten Maustaste auf die heruntergeladenen Daten, wählen Sie im Kontextmenü den "Elementcode anzeigen". Wir untersuchen das Ergebnis in der Konsole auf der Registerkarte Elemente auf der linken Seite.

Zeigen Sie CSS-Stiländerungen in Echtzeit an

Übrigens ist es auch praktisch, ggf. zu beobachten: Welche Stile werden einem Element des RAIDs zugeordnet, zum Beispiel beim Scrollen von Galerien und anderen Timer-Events. Alle Echtzeitstile, die über JavaScript zugewiesen sind, werden in der Unterkunft angezeigt. stil. Ausgewähltes Element im Fenster auf der Registerkarte "Elemente".

Interaktive Anzeige des Einflusses von CSS-Regeln auf der HTML-Tag-Darstellung

Google Chrome bietet eine interaktive Konsole für CSS-Stile. Und das bedeutet, dass Sie nicht nur anzeigen können, welche Stile für das Element anwenden, sondern den Mauszeiger auf eine bestimmte CSS-Eigenschaft, einschalten, aktivieren Sie den Popup-Tick nach rechts, oder deaktivieren Sie es, indem Sie das Flag entfernen, und Anzeigen des resultierenden Ergebnisses auf der Seite.

Ändern Sie die Einreichungsstruktur der HTML-Elemente des RAID (rechts in den Browser)

Um die Struktur des Web-Dokuments in Google Chrome zu erkunden, haben wir bereits gelernt, nun betrachten wir nun kurz die Elemente des RAIDs. Gehen Sie in irgendeiner Weise zur Konsole, die für uns bequem ist. Wir finden den gewünschten Element auf der Registerkarte "Elemente", klicken Sie mit der rechten Maustaste darauf, wodurch das Popup-Kontextmenü aufgerufen wird:

• Attribute hinzufügen. - fügt ein Attribut für den angegebenen Element hinzu. Sobald der Cursor aktiv wird, beginnen Sie mit der Angabe der gewünschten Eigenschaft. beispielsweise: Schreibe einen Namen \u003d "itemimage", der sofort zu unserem Element hinzugefügt wird.
• Attribut bearbeiten. - Wenn Sie auf das Rechtsklick-Attribut auf das Element klicken, wird es verfügbar bearbeiten.attribut.. Klicken Sie auf, Bearbeiten.

Verwendung des Gebrauchs:wir haben das unter den Asteristern gespeicherte Passwort in Google Chrome vergessen (wenn das Passwort in diesem Browser gespeichert wurde). Klicken Sie mit dem Kennworteingang mit der rechten Maustaste auf das Element, klicken Sie auf "Sehen Sie den Codecode an. , In der Konsole links auf der Registerkarte Elementeklicken Sie auf das Attributtyp \u003d "Passwort" mit der rechten Maustaste, klicken Sie auf der rechten Maustaste auf die Maus Bearbeiten.aTTRIBUT,wir ändern das Attribut typ \u003d "passwort " auf der typ \u003d "text "Und hier haben wir bereits das meiste Passwort in Form von Text anstelle von Sternen.

• Bearbeiten.hTML. - Klicken Sie auf das rechte Klick auf das Element in der Konsole Elemente, wählen Bearbeiten.html,Ändern Sie den Code zu Ihrem Geschmack.
• KopierenwieHTML. - Kopieren Sie den HTML-Teil, den Sie benötigen, um weitere Recherche, sagen, in Notebook oder für andere Zwecke, wo wir genau das gleiche Layout anwenden müssen. Wir sparen Zeit.
• KopierenXPath. - Kopiert die XPath-Darstellung der Struktur von der Wurzel des übergeordneten Elements auf das dedizierte Element.
• Löschen.knoten. - Wenn Sie den aktuellen ausgewählten Artikel und alle seine Tochtergesellschaften aus dem Webkontext der Seite entfernen müssen, und sehen Sie das Ergebnis.
• Wort.wickeln. - Erstellen Sie eine Webseitenansicht im Konsolenkontext Elemente lesbarer.

In den folgenden Artikeln werden wir die Fonds für einen Web-Master fortsetzen, und insbesondere werden wir die anderen Tools-Registerkarten für den Web-Master in kennen lernen Google Chrome.und erwägen Sie auch, JavaScript-Fehlerwerkzeuge aus verschiedenen Browsern zu debuggen