Haben Sie sich jemals gewünscht, Sie könnten den HTML-Quellcode einer Webseite im mobilen Browser sehen, der diese Funktion im Allgemeinen nicht bietet? Wenn Sie einen Desktop-Computer in der Nähe haben, gibt es Möglichkeiten, aber ich meine, den Quellcode nur mit dem Gerät selbst abzurufen.
Das kleine View Source Tool von Neatnik erledigt die Aufgabe.
Sie geben die URL in das kleine Feld ein, um den Quellcode dieser URL anzuzeigen. Oder fügen Sie die URL zur URL des Tools hinzu, um direkt dorthin zu verlinken. Hier ist CSS-Tricks (ohne Zeilenumbruch und aufgeräumt!)
Ich habe früher ein ähnliches Bookmarklet dafür verwendet, bis ich die iOS-App Inspect Browser gefunden habe, die Ihnen im Wesentlichen ein Inspektorfenster für Webseiten bietet, mit dem Sie nicht nur den Quellcode anzeigen und ändern, sondern auch Netzwerkanfragen und Speicherverbrauch usw. überprüfen können. Sie ist im Vergleich zu ihren Desktop-Pendants etwas abgespeckter, aber immer noch sehr beeindruckend und meiner Meinung nach die 10 $ wert.
(Ich habe keine Verbindung dazu, ich habe sie nur vor ein paar Tagen gefunden und möchte andere darauf aufmerksam machen)
Wow, das ist großartig! Gibt es dafür ein Android-Äquivalent, weiß jemand?
Sie können der URL im Browser auch einfach "view-source:" voranstellen, genau wie auf dem Desktop.
z. B. `view-source:https://css-tricks.de`
Sehr interessant, danke für den Tipp. Nebenbei bemerkt, Ihr "Direkter Link" verweist auf dieselbe Seite zurück.
Wäre das nicht nur für Chrome nützlich?
Ich sehe keinen wirklichen Nutzen darin, ich tippe immer 'view-source:' in die Adressleiste und es funktioniert natürlich auch auf Mobilgeräten.
Wow, Sie haben Recht, danke! (Warum bin ich nicht früher darauf gekommen?)
genau, das mache ich ständig :p
Genau. Schneller als dieses Tool zu finden.
Schönes Werkzeug.
Obwohl ich unter Android Chrome immer "view-source:" vor jede URL gesetzt habe, um den Quellcode dieser Webseite anzuzeigen, z. B.
view-source:jabran.me
Wunderschöne Lösung für Kopfschmerzen
Bearbeiten Sie einfach die URL des mobilen Browsers. Fügen Sie "view-source:" vor dem https... ein und voila...
Sie können auch `view-source:` vor der URL eingeben.
Yergev Haham hat vor einigen Jahren eine App veröffentlicht, die im Grunde ein abgespeckter Browser ist, der die Möglichkeit bietet, die Seite oder den Quellcode anzuzeigen.
Sehr nützlich, aber ich werde auch View Source ausprobieren, um zu vergleichen.
Unter Android (bei iOS bin ich mir nicht sicher) können Sie in Firefox und Chrome einfach "view-source:" vor die URL setzen, um dasselbe Verhalten wie bei Desktop-Browsern zu erzielen.
Ja! Firefox auf Android *hatte früher tatsächlich* "Quelltext anzeigen" und ich habe es auch ziemlich oft benutzt, verdammt.
Ich benutze den Browser "via". Dort kann man auch den Quellcode sehen.
Ich benutze dafür immer Eruda. Führen Sie das folgende Bookmarklet aus
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();Gibt es auch einen Trick, wie ich den CSS-Code / CSS-Quelltext auf dem mobilen Gerät abrufen kann?