Affichage et test de fichiers HTML et CSS en cours de développement sur des périphériques mobiles

Question

Question de développement frontale assez simple. Dans le passé, lorsque notre entrepreneur frontal a développé le code html & css pour nos projets web non mobiles, il crée une page mockup html/css (s), et tout en développant, il suffit d'ouvrir le fichier (s) directement dans son navigateur , par exemple fichier: ///Users/me/code/proj/fichier.html. Une fois que les fichiers maquette ont l'air bien, il les transmet à nous, les développeurs backend, et nous les adaptons pour travailler avec des données réelles et fonctionner sur notre plate-forme.

Maintenant, nous développons un site mobile spécifique, et nous essayons d'adapter notre processus de développement. J'aimerais qu'il puisse encore développer des fichiers html/css mockup simples, mais il ne sait pas comment les tester en cours de développement. Le fait qu'il utilise la plate-forme de développement d'applications Web complète que nos principaux développeurs utilisent n'est pas une option simple. Donc, avec le mobile (android & ios, atm), quelle est la manière la plus simple de pouvoir visualiser en continu le simple html/css en cours de développement sur un périphérique ou un émulateur? Je ne vois pas un moyen d'ouvrir un fichier de système de fichiers dans le simulateur iOS. Devrais-je lui faire fonctionner un serveur web simple? (Dans l'affirmative, laquelle?) Qu'est-ce que vous faites habituellement pour les développeurs frontaux pour le mobile?

Answer 1

Je suis un rédacteur technique, pas un développeur. Nous avons récemment commencé à créer de l'aide pour les appareils mobiles. Les tests initiaux sont faits comme ceci:

• Nous avons une installation locale de Apache Tomcat (nous utilisons Windows, mais Tomcat fonctionne aussi sur le Mac).
• Nous créons un sous-dossier dans le répertoire Web de Tomcat. C'est ici que nos fichiers d'aide vont.
• Lorsque nous appelons monhôte: 8080/myfolder ou quelque chose comme ça, la page index.html de notre sortie est affichée.
• Ensuite, nous faisons une vérification approximative de la façon dont la sortie ressemblerait sur les appareils mobiles utilisant http://www.responsinator.com/.