Debugging-Infos/Tipps rs

1. CSS-Queries je Gerät

Auf jedem zur Ansicht von wp.dsp.de verwen­de­ten Gerät (Smart­phone, Tablet, PC, ...) einen Screen­shot vom Ergeb­nis der folgen­den Links an mich senden.
(Diese melden die vom Gerät zur Verfü­gung gestell­ten CSS-Pixel zurück und helfen so, das CSS-Fein­tu­ning der CSS-Queries, also die Anpas­sung der mobi­len Versio­nen korrekt zu machen.)

Auf dem Screen­shot soll­ten mindes­tens die einge­rahm­ten Infos zu sehen sein.

Zu jedem Screen­shot bitte dann noch die Info dazu­schrei­ben, um was für ein Gerät (evtl. Betriebs­sys­tem) und was für ein (Brow­ser) es sich bei der Anfer­ti­gung der Screen­shots handelt (z. B. “Apple iPad Pro 12,9 & Safa­ri” oder “PC Windows 7 & Firefox”):

• http://pieroxy.net/blog/pages/css-media-queries/test-features.html
  • 
• https://browserleaks.com/css
  • 
• Bei Apple-Gerä­ten kann man die Gerä­te-Infos unter “Einstel­lun­gen / Allge­mein / Info” gut abfotografieren: 
  • 

2. Clear Cache

Vor jeder erneu­ten Kontrol­le der Seiten auf wp.dsp.de im verwen­de­ten Brow­ser IMMER den Cache (zwischen­ge­spei­cher­te Website-Daten) löschen.

Denn oft vermi­schen sich gemach­te Korrek­tu­ren mit alten Daten des Caches und erzeu­gen so nicht nach­voll­zieh­ba­re Ansichten.

Nach einer Cache-Löschung kann das nicht passieren.

• iOS
  • Safa­ri: “Home / Einstel­lun­gen / Safa­ri / Verlauf und Website­da­ten löschen”
  • Fire­fox: “Fire­fox / Hambur­ger-Menü / Einstel­lun­gen / Daten­ver­wal­tung / Website-Daten / Alle Website-Daten löschen”
• Windows (für die Brow­ser gibt es auch kosten­lo­se Plug­ins, die folgen­de Aktio­nen auf einen Klick redu­zie­ren können) 
  • Fire­fox: Menü (Hambur­ger) / Einstellungen / ... 
    • 
  • Chro­me: Menü (drei Punk­te) / Einstel­lun­gen / Erweitert / ... 
    • 
• Android
  • aufgrund der Viel­falt der dort mögli­chen Brow­ser bitte selbst googeln nach “Clear Cache Brow­ser­na­me Andorid”