Die Erweiterungen, die Sie im Chrome-Browser auf Ihrem Computer installieren, sind nichts anderes als eine Gruppe von Quellcodedateien, die die vordefinierten Aktivitäten ausführen. Einige neugierige Köpfe da draußen möchten vielleicht den genauen Code sehen, der diese Erweiterungen erstellt. Während Sie den Quellcode einer Webseite in Chrome so einfach wie mit der rechten Maustaste auf die Seite anzeigen und eine Option auswählen, ist der Zugriff auf den Quellcode einer Chrome-Erweiterung nicht so einfach.

Das sollte Sie jedoch nicht davon abhalten, den Quellcode einer Erweiterung anzuzeigen. Mit den folgenden beiden Methoden sollten Sie in der Lage sein, den Quellcode einer Chrome-Erweiterung auf Ihrem Computer anzuzeigen.

Die folgenden Methoden werden mit einem Mac demonstriert.

Zeigen Sie den Quellcode einer Chrome-Erweiterung im Datei-Explorer an

Während die Dateien für die Erweiterungen, die Sie in Chrome installieren, auf Ihrem Computer gespeichert sind, sind sie nicht so einfach zu finden, da ihre Ordnernamen etwas Wissenschaftliches sind. Mit der folgenden Methode sollten Sie jedoch die Ordner anzeigen können, in denen sich die Erweiterungsquelldateien befinden.

1. Öffnen Sie Chrome auf Ihrem Computer und geben Sie chrome://extensions in die Adressleiste ein und drücken Sie die Eingabetaste. Es öffnet die Liste der Erweiterungen im Browser.

2. Wenn die Seite "Erweiterungen" geöffnet wird, wählen Sie das Feld "Entwicklermodus" in der oberen rechten Ecke aus. Es sollte Ihnen mehr Details zu den Erweiterungen auf der Seite anzeigen.

3. Sie sollten nun die IDs der auf dem Bildschirm angezeigten Erweiterungen sehen können. Was Sie hier tun müssen, ist die ID der Erweiterung, deren Quellcode-Dateien Sie sehen möchten.

Im folgenden Beispiel habe ich die ID für die Erweiterung "Adblock for Youtube" hervorgehoben. Ich werde den Quellcode dieser Erweiterung in den folgenden Schritten enthüllen.

4. Geben Sie nun die ID für die Erweiterung ein und geben Sie chrome://version in die Adresszeile Ihres Browsers ein und drücken Sie die Eingabetaste. Es sollte Ihnen helfen, den Ordner zu finden, in dem Erweiterungsdateien vorhanden sind.

5. Markieren und kopieren Sie auf der Chrome-Versionsseite den Wert von "Profilpfad" in Ihre Zwischenablage. Es wird im folgenden Screenshot gezeigt.

6. Öffnen Sie den Finder (oder den Dateimanager Ihres Betriebssystems). Klicken Sie oben auf "Go" und wählen Sie "Zum Ordner wechseln ...". Dadurch können Sie auf den Erweiterungsordner auf Ihrem Mac zugreifen.

7. Fügen Sie den Profilpfad, den Sie in Ihre Zwischenablage kopiert haben, in das Fenster Gehe zu Ordner ein und klicken Sie auf "Gehe zu", um diesen Ordner in einem Finder-Fenster zu öffnen.

8. Doppelklicken Sie im folgenden Bildschirm auf den Ordner "Erweiterungen", um den Ordner zu öffnen, in dem alle Ihre Erweiterungen verfügbar sind.

Was Sie hier sehen werden, ist eine Reihe von Ordnern mit einigen verwirrenden Namen. Obwohl diese Ordner für die Erweiterungen bestimmt sind, die Sie in Chrome installiert haben, haben sie nicht denselben Namen wie der Name der Erweiterung. Daher ist es schwierig, den Ordner für Ihre Erweiterung zu finden.

Suchen Sie nun nach dem Ordner, der denselben Namen wie die Erweiterungs-ID hat, die Sie in einem der obigen Schritte notiert haben. Das ist der Ordner für Ihre Erweiterung.

9. Alle Erweiterungsdateien sollten sich in dem Ordner befinden und Sie können sie mit Ihrem bevorzugten Editor öffnen, um ihre Codes zu sehen.

So können Sie den Quellcode einer Chrome-Erweiterung anzeigen, ohne ein Drittanbieter-Tool zu verwenden. Wenn es Ihnen nichts ausmacht, eine Erweiterung zu installieren, dann ist der folgende Abschnitt für Sie geeignet.

Zeigen Sie den Quellcode einer Chrome-Erweiterung mit einer Erweiterung an

1. Öffnen Sie Chrome auf Ihrem Computer, rufen Sie im Chrome Web Store die Seite mit der Chrome-Quellansicht auf und klicken Sie auf "Zu Chrome hinzufügen".

2. Klicken Sie im folgenden Bildschirm auf "Erweiterung hinzufügen".

3. Nachdem die Erweiterung zu Ihrem Browser hinzugefügt wurde, öffnen Sie im Chrome Web Store die Seite einer Erweiterung, z. B. die Erweiterungsseite der Markdown-Vorschau.

Wenn die Seite geladen wird, klicken Sie in der Erweiterungsleiste von Chrome auf das CRX-Symbol und wählen Sie "Quelle anzeigen".

4. Sie sollten den Quellcode der ausgewählten Erweiterung im Chrome-Fenster sehen können.

Fazit

Wenn Sie neugierig sind, die Quelltexte der Erweiterungen zu sehen, die Sie in Ihrem Browser installieren, sollte Ihnen das obige Handbuch dabei helfen, dies auf zwei einfache Arten zu tun.

Bildnachweis: Quellcode Clef