Smartphone Webseite Source Code anzeigen?

Hallo.

Ich habe ein Problem mit der Darstellung meiner Webseite  [+++ durch Support editiert +++] zwischen dem Desktop und dem Smartphone.

Auf dem Desktop wird das Header Banner (ein GIF) richtig angezeigt und auf dem Smartphone nicht. Die Webseite ist WordPress und dass es immer Unterschiede in einer responsiven Version gibt ist mir klar darum möchte ich mir wenigstens den Source Code anschauen.

Danke Klaus

Comments

[MrAmazing2]

Hast du auf deinem Desktop bereits versucht via Entwicklerkonsole die Webseite auf Handy-Ansicht zu öffnen?

[klwild]

Ja aber da bin ich nicht weiter gekommen

Answer 1

[Suiram1]

Auf dem Handy geht das so ohne weiteres nicht. Am ehesten könnte ich mir es bei Firefox vorstellen, da dieser Browser eine art Remote debugging hat, allerdings habe ich das selber noch nicht probiert.

Die einfachste Lösung hat @Babbla bereits vorgeschlagen, dass du im Browser die Mobile vorschau nimmst. Dafür öffnest du die Dev-Tools mit F12 und klickst auf einen Button auf dem ein Tablet und ein Handy zusehen sind (unter Firefox heißt dieser beispielsweise Bildschirmgröße testen).

Woher ich das weiß: Hobby – Ich programmiere seit 3 Jahren mit C#

Answer 2

[regex9]

a) Du nutzt den Emulator der Webentwicklungstools deines Browsers. Das kann oftmals für Tests bereits ausreichen. In deinem Fall sicherlich ebenso.

b) Du nutzt Remote Debugging.

• Chrome: https://developer.chrome.com/docs/devtools/remote-debugging
• Safari: https://dev.to/nimajafari/remote-debugging-using-safari-on-ios-devices-with-macos-16p5

c) Du nutzt einen Dienstleister wie Browserstack, mit dem du verschiedene Geräte über ein Webinterface testen kannst.

Answer 3

[Babbla]

Schau mal auf deinem Desktop, ob es da eine Vorschauoption für die mobile Ansicht gibt (entweder im Browser oder WP selbst unterstützt das). Das ist oft deutlich angenehmer als dauern hin und her zu wechseln.
Beim Runterladen kann ich dir leider nicht helfen, mit android kenne ich mich nicht aus