Tipps zur Verwendung des Elements "Inspect" des Google Chrome-Browsers

Google Chrome ist nicht nur für normale Internetnutzer gedacht, sondern auch für Webentwickler, die häufig eine Website erstellen, Blogs erstellen usw. Das Element prüfen Die Option oder Inspect von Google Chrome unterstützt Benutzer bei der Suche nach Informationen zu einer Website, die nicht sichtbar ist. Hier sind einige Tipps zur Verwendung des Elements Inspect des Google Chrome-Browsers für Windows PC:

Element von Google Chrome prüfen

1] Versteckte JavaScript- / Mediendateien finden

Viele Websites zeigen Popups, wenn der Besucher im Web bleibt Seite für mehr als 15 oder 20 Sekunden. Oder ein Bild, eine Anzeige oder ein Symbol wird oft nach dem zufälligen Klicken geöffnet. Um diese versteckten Dateien einer Webseite zu finden, können Sie die Registerkarte Quellen von Inspect Element verwenden. Auf der linken Seite wird eine Baumansichtsliste angezeigt, die erkundet werden kann.

2] Erhalte den HEX / RGB-Farbcode in Chrome

Manchmal mögen wir eine Farbe und möchten vielleicht den Farbcode herausfinden. Sie können den auf einer bestimmten Webseite verwendeten HEX- oder RGB-Farbcode leicht finden, indem Sie die native Option in Google Chrome verwenden. Klicken Sie mit der rechten Maustaste auf die Farbe und klicken Sie auf Inspizieren . In den meisten Fällen erhalten Sie den Farbcode auf der rechten Seite mit anderen CSS. Wenn Sie es nicht sehen, müssen Sie möglicherweise eine kostenlose Farbauswahl-Software verwenden.

TIPP : Sehen Sie sich auch diese Online-Werkzeuge für die Farbauswahl an.

3] Verbessern Sie die Tipps zur Verbesserung der Webseitenleistung

Jeder liebt es, auf einer Website zu landen, die sich schnell öffnet. Wenn Sie Ihre Website gestalten, sollten Sie dies immer im Auge behalten. Es gibt viele Tools zum Überprüfen und Optimieren der Seitenladegeschwindigkeit. Google Chrome enthält jedoch auch ein eingebautes Tool, mit dem Nutzer Tipps zur Verbesserung der Geschwindigkeit beim Laden der Website erhalten. Um auf diese Tools zuzugreifen, wechseln Sie auf die Registerkarte Audits und stellen Sie sicher, dass Netzwerkauslastung , Webseitenleistung und Seite neu laden und beim Laden prüfen sind ausgewählt. Klicken Sie anschließend auf Run . Es lädt die Seite neu und zeigt Ihnen einige Informationen, die verwendet werden können, um die Seite schneller zu machen. Sie können beispielsweise alle Ressourcen abrufen, die keinen Cacheablauf haben, JavaScript, das zu einer Datei kombiniert werden kann, usw.

4] Überprüfen der Reaktionszeit

Das Responsive einer Webseite ist heutzutage sehr wichtig. Es gibt viele Tools, mit denen Sie überprüfen können, ob Ihre Website vollständig reagiert oder nicht. Mit diesem Tool von Google Chrome können Nutzer jedoch erkennen, ob die Website reaktionsschnell ist oder nicht und ob sie auf einem bestimmten Mobilgerät angezeigt wird. Öffnen Sie eine beliebige Website, rufen Sie das Register Element prüfen ab und klicken Sie auf Handy , stellen Sie die Auflösung ein oder wählen Sie das gewünschte Gerät aus, um die Webseite zu testen.

5] Live-Website bearbeiten

Nehmen wir an, Sie erstellen eine Webseite, aber Sie sind verwirrt über die Farbe Schema oder Navigationsmenü Größe oder Inhalt oder Seitenleiste Verhältnis. Sie können Ihre Live-Website mit der Option "Element prüfen" von Google Chrome bearbeiten. Obwohl Sie die Änderungen auf einer Live-Website nicht speichern können, können Sie alle Bearbeitungen durchführen, damit Sie sie weiter verwenden können. Um dies zu tun, öffnen Sie Inspect Element, wählen Sie die HTML-Eigenschaft auf der linken Seite und ändern Sie die Styling-Einstellungen auf der rechten Seite. Wenn Sie Änderungen an CSS vornehmen, können Sie auf den Dateiverweis klicken, den gesamten Code kopieren und in die Originaldatei einfügen.

Element von Google Chrome prüfen ist ein echter Begleiter jedes Webentwicklers. Egal ob Sie eine einseitige Website oder eine dynamische Website entwickeln, Sie können diese Tipps durchaus nutzen.