Ich arbeite am Frontend einer Website und muss sehen, wie sich mein Code in verschiedenen Systemen/Browsern verhält. Firefox und Chromium verfügen zwar über Entwicklungstools, mit denen die Anzeige auf unterschiedliche Größen eingestellt werden kann, sie können jedoch den Upscaling-Mechanismus von Apple nicht vollständig emulieren und die Websites werden dennoch leicht unterschiedlich aussehen. Außerdem berücksichtigen sie keine unterschiedlichen Browser.
Gibt es ein Tool oder eine Software, mit der ich unter Ubuntu überprüfen kann, wie meine Site auf verschiedenen Geräten/Browsern aussieht?
Antwort1
Es gibt Dienste wie:
- Browserstack
- Handytest
- Antwortsimulator
- Appetit anregen- Wahrscheinlich das Beste, aber für mich quälend langsam.
Besser ist es immer noch, die Site tatsächlich auf einem physischen Gerät zu testen. Ich habe festgestellt, dass alle diese Möglichkeiten langsam sind.
Antwort2
Geben Sie die URL Ihrer Site ein (lokal oder online) und passen Sie mit den Steuerelementen die Breite und Höhe Ihres Ansichtsfensters an, um die genaue Breite der Haltepunkte in Pixeln zu ermitteln. Verwenden Sie diese Informationen dann in Ihren Medienabfragen, um ein ansprechendes Design zu erstellen.
Um mit responsivepx optimale Ergebnisse zu erzielen, müssen Sie über den Tellerrand hinausblicken. Aus irgendeinem Grund kann ich Google und Twitter nicht dazu bringen, mir in responsivepx etwas anderes als einen leeren weißen Bildschirm anzuzeigen, obwohl Bing und komplizierte Nachrichten-Websites darin problemlos dargestellt werden.