Verwenden Sie in Ihrem Browser die Funktion "Quelle anzeigen" oder "Quellcode", und verwenden Sie dann in dem sich öffnenden Fenster Strg + F zum Suchen.

Sie können das Element "Inspect Element" auch direkt auf einem Element verwenden, um den Bildschirm in zwei Fenster aufzuteilen - eines für Code und eines, das gerendert wird.

Weitere Informationen finden Sie hier ein Beispielartikel für Chrome: Ссылка

Würde so etwas wie das Browser-Plugin Web Developer funktionieren? Es ist für Chrome, FF und Opera verfügbar. Es gibt einige Funktionen, die die Anzeige verschiedener Attribute wie title , alt und sogar ARIA-Rollen aktivieren. Dies fügt den Attributtext inline mit dem Element ein.

Meiner Meinung nach ist es kein Fehler; Sie waren einfach nicht für diesen Zweck konzipiert.

Wie Sie sicher wissen, ersetzt das Attribut alt das Bild, wenn es nicht verfügbar ist. Wie könnte man zu etwas scrollen, das nicht immer angezeigt wird? Während Sie scheinen, nach einer dauerhaften Beschreibung zu sein; Ein figcaption wäre dafür geeigneter.

Was das Attribut title anbetrifft, so war beabsichtigt , lediglich den Zweck von eine Verbindung. Es sollte keine neuen Informationen für den Benutzer in title geben; daher denke ich, dass es überflüssig wäre, zwei gleiche Informationen an einer Stelle zu markieren.

Der Zweck der Suche besteht darin, Text auf dem Bildschirm zu finden, da weder title noch alt immer angezeigt werden. Ich denke, der Benutzer wäre dadurch verwirrt, dass nichts hervorgehoben wird. und dass sie nur zu einem Bild oder einem zufälligen Link / area gebracht werden. Wenn das Bild ein figcaption hat, das hervorgehoben wird, würde es für sie sinnvoll sein. Außerdem, wie werden sie nach dem Titel suchen, wenn sie nicht wissen, wonach sie suchen sollen? Title und alt werden nicht in Text angezeigt, der von Suchmaschinen angezeigt wird. Der Benutzer wird nie davon erfahren, es sei denn, sie waren schon einmal auf Ihrer Website. In diesem Fall wissen sie, wo sie suchen müssen.

Sie geben auch Folgendes an:

  

Dieses Zeug ist hier für die Zugänglichkeit, aber es scheint nicht wirklich zugänglich zu sein

Was Ihnen verständlicherweise scheint, weil Sie es wahrscheinlich nicht brauchen. Jedoch werden alt und title an diejenigen gelesen, die Screenreader benutzen, was nicht völlig nutzlos ist.

Idee 1

Ich nehme an, Sie haben Windows und Firefox installiert

Ich habe meinen Firefox mit 2 Add-Ons installiert.

1. Installiere ein Add-On namens Tile Tabs, es ermöglicht zB links die Webansicht und die gleiche Seite rechts mit Quellcode.
2. Installieren Sie das Add-on namens Webseite zum Quellcode & amp; Umgekehrt können Sie zwischen Ansichts- und Quellcode wechseln, indem Sie STRG + UMSCHALT + S
drücken

Da, was Sie verlangten, ist keine Standard-Sache in allen heutigen Browsern, soweit ich weiß.

Screenshot der Lösung:

Idee 2

Installieren Sie FireBug, können Sie Quellcodes anzeigen / bearbeiten / debuggen und HTML live ansehen und was Sie im Code markieren, wird auch in der Ansicht hervorgehoben.

Bildschirmaufnahme:

Hinweis: Btw Idee 1 ist nicht nur gut für View / Source Code, es ist auch gut, zwei Ansichten zu vergleichen oder Artikel auf der rechten Seite zu lesen und Fragen auf der linken Seite zu beantworten.

Sie können die Suchfunktion in der Registerkarte "Elemente" des Chrome-Entwicklertools verwenden (Drücken Sie F12 - & gt; Tab "Elemente" - & STRG + F) und verwenden Sie XPath für Ihre Suchen. Beispiel:

Übereinstimmungen werden im Code mit einem gelben Hintergrund angezeigt, und wenn Sie den Mauszeiger darüber bewegen, wird ihre Position in der Ansicht hervorgehoben.

Dev Tools "Element" Suche mit XPath

Es ist mit der Ansicht verbunden, Sie können die Position des Elements sehen und es ist auch eine Out-of-the-Box-Lösung in Chrome (getestet in Chromium 45 für Ubuntu).

Ich hoffe, es hilft!

Grüße

BEARBEITEN

Vergessen - Wenn Sie bei Ihren Suchvorgängen Platzhalter verwenden möchten, können Sie das auch folgendermaßen tun:

BEARBEITEN 2

Für die Nachwelt! Weitere Forschungen zeigen, dass Ihr Ziel möglicherweise mit dem Firefox-Addon Greasemonkey erreicht werden kann, mit dem Sie die Art, wie eine Webseite anzeigt oder sich verhält, anpassen können, indem Sie kleine Teile JavaScript verwenden.

Ich habe mehrere Tests mit diesem Addon durchgeführt und konnte mit einfachen Bildern einen schönen Effekt erzielen (zeige das ALT-Attribut als DIV über das Bild), aber mit Flächenschnitten wird das Ding viel komplizierter, da Flächenbereiche Quadrate sein können Kreise und Polygone mit unendlichen Koordinaten und die exakte Positionierung des Bereichs selbst können ein wenig schwierig sein, aber vielleicht gibt es Ihnen oder jemand anderem einen Ausgangspunkt.

Basierend auf dem ALT-Tooltips-Skript ( Ссылка ) habe ich das folgende Skript erstellt und habe es in Greasemonkey definiert:

Wie Sie sehen, erkennt das Skript zunächst alle Elemente "img" und "area", extrahiert seine Positionierung und erstellt ein neues DIV-Element mit dem Attribut "alt", das dann in der oberen linken Ecke des Bildes positioniert wird .

Wie bereits erwähnt, besteht das Problem mit Bereichen darin, dass die Positionierung relativ zum übergeordneten Bild und nicht absolut wie im Skript sein sollte. Außerdem sollten die Koordinaten entsprechend der Art der Bereichsform extrahiert werden (Derzeit werden nur die zwei ersten Koordinaten jedes Bereichs extrahiert, was für Quadrate funktioniert, aber für andere Formen sicher fehlschlägt.)

Hoffe, das wird jemandem helfen :-D

Grüße