Comment déboguer sur Facebook Navigateur Interne (Mobile)?
Je suis le développement de site web avec beaucoup de fonctionnalités HTML5 et CSS3. Je suis également l'utilisation d'iframe pour intégrer plusieurs de contenu sur mon site web. Il fonctionne très bien si je l'ouvre à l'aide de Chrome/Firefox/Safari navigateur mobile. Cependant, si je partage sur facebook (post/page) et je l'ai ouvert avec Facebook application avec Facebook Navigateur Interne, mon site est foiré.
Est-il des outils ou le mode de débogage sur Facebook Navigateur? Merci.
Facebook app, ce que nous appelons une "vue web". Ceux-ci sont fournis par le système d'exploitation (iOS, Android). Vous pourriez peut-être créer une webview pour charger votre site web et de débogage à partir de là (au moins sur Android)
Voir aussi cette question: stackoverflow.com/questions/10507693/...
Remarque: ApplePay ne fonctionne que dans Safari
Nous ne sommes pas discussiong ApplePay ici.
Voir aussi cette question: stackoverflow.com/questions/10507693/...
Remarque: ApplePay ne fonctionne que dans Safari
Nous ne sommes pas discussiong ApplePay ici.
OriginalL'auteur Eldwin Eldwin | 2014-11-29
Vous devez vous connecter pour publier un commentaire.
C'est comment vous pouvez faire le débogage de vous-même. C'est douloureux, mais la seule façon que j'ai rencontré jusqu'à présent.
tl;dr Obtenez le Facebook App chargement d'une page sur votre serveur local de sorte que vous pouvez parcourir rapidement. Puis imprimez-les instructions de débogage directement à la page jusqu'à ce que vous comprendre ce qui se passe.
Obtenir un lien vers une page sur votre serveur local que vous pouvez accéder sur votre appareil mobile (test mobile safari que cela fonctionne). Voir pour trouver votre adresse IP locale Comment voulez-vous accéder à un site web fonctionnant sur le localhost de l'iPhone navigateur. Il ressemblera à quelque chose comme ceci
http://192.xxx.1.127:3000/facebook-test
Poster ce lien sur votre Facebook page (vous pouvez le rendre privé, afin que vos amis ne sont pas tous comme WTF?)
Cliquez sur le lien posté dans le Facebook mobile App et il s'ouvrira dans Facebook mobile du navigateur
Puisque vous n'avez pas de console, vous avez besoin d'imprimer des instructions de débogage directement sur la page de sorte qu'il est visible. Mettre des instructions de débogage partout dans votre code. Si vos problèmes sont principalement liés à la CSS, vous pouvez de manière itérative commentaire de choses jusqu'à ce que vous avez trouvé le problème(s) ou d'imprimer les attributs CSS à l'aide de JavaScript. Par exemple quelque chose comme (à l'aide de JQuery)
fonction debug(str){$('body').append("<br>"+str);}
Très probablement la partie la plus douloureuse. Le Facebook les caches du navigateur de façon très agressive. Si vous souhaitez apporter des modifications et rien ne s'est passé, c'est parce que le contenu est mis en cache. Vous pouvez parfois résoudre ce par la mise à jour de l'Url, par exemple, /facebook-test-1, /facebook-test-2, ou l'ajout de mannequin paramètres eg /facebook-test?dummy=1. Mais si les changements sont en css ou js feuilles c'est parfois encore le cache. À 100% de vider le cache, supprimer le Facebook App à partir de votre appareil mobile et de le réinstaller.
OriginalL'auteur AllTheCodez
Le navigateur interne le Facebook app utilise est essentiellement une uiWebView. Paul Irlandais a fait une simple application pour iOS qui vous permet de charger une URL dans une uiWebView vous pouvez ensuite débogage à l'aide de Safari, des Outils de développement.
https://github.com/paulirish/iOS-WebView-App
OriginalL'auteur Simen Brekken
J'ai trouvé une façon de comment déboguer plus facilement. Vous aurez besoin d'installer le Ghostlab app (Vous avez un essai gratuit de 7 jours, mais il vaut la peine de payer pour).
Pour le débogage, vous aurez toutes les mêmes outils que dans le Chrome devtools (c'est pas cool ça!). Par exemple, vous pouvez modifier les CSS et voir les modifications appliquées en direct.
OriginalL'auteur Lys