- - So debuggen Sie eine Webseite aus der Ferne mit Chrome Dev Tools

So debuggen Sie eine Webseite aus der Ferne mit Chrome Dev Tools

Die Entwickler-Tools von Chrome unterstützen jedoch das Debuggen per Fernzugriffnicht wie wir möchten, dass sie. "Remote" bedeutet auf einem Gerät, dass Sie direkt neben sich haben und eine Verbindung zu Ihrem Entwicklungscomputer herstellen können. Dies bedeutet nicht, dass Sie einen Chrome-Tab debuggen können, den Ihr Freund, der gerade in einem anderen Café sitzt, geöffnet hat. Was tun, wenn Sie beide gemeinsam an etwas arbeiten und möglicherweise auf die Registerkarte des anderen zugreifen oder diese sogar debuggen müssen? DevTools Remote ist eine Chrome-Erweiterung, mit der Sie eineRemote-Sitzung für eine ausgewählte Registerkarte mit einer beliebigen Person über einen Link. Der Link wird in den Chrome Dev Tools geöffnet und gibt dem Empfänger die Kontrolle über die Registerkarte. Sie sehen Ihre Entwicklerkonsole und können unter anderem Änderungen daran vornehmen.

Installieren Sie DevTools Remote und öffnen Sie eine Webseite in aneue Registerkarte. Klicken Sie auf das DevTools Remote-Symbol neben der URL-Leiste und warten Sie, bis die kleinen Fortschrittsbalken "Kopiert" anzeigen. Die Remote-Sitzungsverknüpfung wurde in Ihre Zwischenablage kopiert. Senden Sie den Link an alle, die Sie zum Debuggen Ihres Tabs benötigen.

DevTools Remote-Link-Sitzung

Auf der Empfängerseite wird die Seite mit dem abgeschlossenDie URL wird angezeigt und eine voll funktionsfähige Chrome-Konsole wird geöffnet. Sie können als Empfänger beliebig viel damit herumspielen und erfahren, wenn der von Ihnen freigegebene Tab auf Ihrem Bildschirm nicht aktiv ist.

DevTools Remote

Die Erweiterung ist ziemlich großartig und geht darüber hinauseinfach einzurichten. Sie sind der einzige, der es auf Ihrem System installiert haben muss. Ihr Empfänger ist nicht an solche Einschränkungen gebunden. Wenn die Seite auf der Empfängerseite nicht sofort geladen wird, ändern Sie einfach die Größe des Fensters und es wird angezeigt.

Installieren Sie DevTools Remote über den Chrome Web Store

Bemerkungen