• User

    Odio Safari, come fare il debug su windows?

    Ogni giorno mi arriva un messaggio con qualche problema riguardante Safari, soprattutto via Iphone.

    Ad esempio oggi sul mio sito (player.it) ho rifatto l'homepage, devo ancora fare un po' di pulizia del codice ma su qualsiasi device si vede bene, tranne che su Iphone.

    La domanda è la seguente, come posso fare debug da windows per Safari?

    Devo per forza comprare un apple? Considerando che preferirei morire ma vabbè 😄


    SeoWebCoach 1 Risposta
  • User Attivo

    Ciao @daniele-diegidio condividiamo lo stesso "sano" odio... 🙂

    Ho dato un occhiata veloce al sito ed in Chrome Dev Console ho un botto di errori Js (non che c'entri qualcosa). Non è necessario avere un Mac per fare il debug ma sicuramente farlo da lì risulterebbe essere davvero fedele mentre su WinZozz ops Windows potresti utilizzare BrowserStack che ho usato per diverso tempo ed è ottimo per emulare diverse versioni di Safari e di Device iOS.

    Gli errori che hai sono sicuramente tutti legati ai CSS ad esempio l'istruzione display: inline-flex; non "gira" su Safari e per lui devi scrivere invece display: -webkit-inline-box; così come altre decine di cosette...

    Potresti utilizzare anche gli emulatori degli ambienti di sviluppo App che sono molto precisi (non al 100%) come XCode.

    Spero di averti aiutato...


    daniele.diegidio 1 Risposta
  • User

    @seowebcoach ha detto in Odio Safari, come fare il debug su windows?:

    Ho dato un occhiata veloce al sito ed in Chrome Dev Console ho un botto di errori Js (non che c'entri qualcosa). Non è necessario avere un Mac per fare il debug ma sicuramente farlo da lì risulterebbe essere davvero fedele mentre su WinZozz ops Windows potresti utilizzare BrowserStack che ho usato per diverso tempo ed è ottimo per emulare diverse versioni di Safari e di Device iOS.

    Sì sugli errori js ho già segnalato al dev che ha appaltato il lavoro e mi ha detto "è roba della concessionaria" - indagherò 😌 - dal mio canto mi sono occupato semplicemente del design seguendo un po' il w3c, il problema è che non prende "robe native" ma solo i barbatrucchi webkit?
    Hai un link per caso con tutte le eccezioni di safari? magari provo a ottimizzare il codice.

    Grazie per BrowserStack, lo provo subito intanto!


    SeoWebCoach 1 Risposta
  • User Attivo

    @daniele-diegidio Più che barbatrucco, in Safari c'è bisogno di utilizzare istruzioni CSS specifiche a causa del motore di rendering del browser appunto WebKit.

    La cosa che spesso si ripropone sui miei progetti è la cattiva interpretazione del "button" da parte di Safari che trasforma inesorabilmente i pulsanti belli in pulsanti brutti e si fixa con -webkit-appearance: none;

    Insomma, spesso non si risolve con un alter ego -webkit- e puoi fare riferimento al developer program di Apple quì
    Developer Program