Améliorer les fonctionnalités de test de safari avec des extensions

Lors du test de votre site Web mobile-commerce nouvellement conçu, il est parfois plus facile de travailler avec ce que vous avez. Si vous avez déjà Safari ou Chrome installé sur votre ordinateur, vous avez de la chance. Ils rendent les sites mobiles de manière similaire à la façon dont ils seraient rendus sur un appareil iOS, et ils ont des outils de développement bâties en pouvant vous aider à résoudre votre code.

La Galerie Extensions Safari dispose programme add-ons qui peut vous aider à tester votre site Web mobile iPhone / iPad avec plus de précision sur votre ordinateur de bureau.

Dans la liste ci-dessous quelques extensions Safari pour les tests web iPhone / iPad:

Redimensionner Me ajoute une barre d'outils qui redimensionne automatiquement la fenêtre du navigateur Safari pour six tailles prédéfinies, y compris 640 x 480 et 1024 x 768. Malheureusement, redimensionner moi ne supporte pas encore les 320 x 480 taille inférieure de l'iPhone. (Vous pouvez toujours redimensionner la fenêtre vous dans le temps.)
Combinez le User Agent Switcher avec moi Redimensionner à avoir une bonne idée de la façon dont un site se penchera sur une variété de différents appareils mobiles en utilisant Safari sur un ordinateur de bureau.
SafariSource: Utilisation de l'extension Safari Source, vous pouvez visualiser le code source derrière une page sur le web avec les avantages de numéros de ligne et la coloration syntaxique. Vous pouvez même ouvrir le code source dans un nouvel onglet avec ce plugin. Ajout de couleurs et de numéros de ligne, il est plus facile de trouver les erreurs et les conflits dans votre code.
Firebug Lite: Si vous êtes un concepteur de sites Web vétéran, vous avez probablement déjà l'extension Firebug. Au cas où vous ne l'avez pas, il est un puissant ensemble d'outils pour la visualisation et le débogage HTML, CSS et javascript. Avec cette extension installée, vous pouvez facilement modifier le code pour une page que vous consultez dans le navigateur - un moyen utile pour tester et apprendre.
Licorne: L'extension Licorne ajoute les validateurs W3C pour CSS et HTML dans le navigateur Web Safari. Bien que vous puissiez tester une page web en ligne avec les validateurs en ligne du W3C, cette extension rend le processus plus rapide et plus facile.

La plupart des extensions Safari sont libres, bien que certains développeurs demandent que vous donnez de l'argent si vous aimez la façon dont ils travaillent.

A propos Auteur

Comparer les solutions de test de site web mobiles

Le principe le plus important à comprendre lorsque vous testez votre site web pour l'iPhone et l'iPad peut se résumer en un aphorisme bien usé: “ En théorie, il n'y a pas de différence entre la théorie et la pratique - mais dans la…

Créer un plan de test de site mobile

Test de détection précoce et d'essai souvent - test répétitif est la clé pour développer un site pour iPhone et iPad rapidement et avec confiance. Création d'un plan de test détaillé est un ajout important à tout bon plan de développement…

Conception pour les navigateurs Safari et chrome

Safari et Chrome sont des navigateurs WebKit, basé sur le même WebKit déchirerERing moteur, qui contrôle la façon dont le navigateur interprète HTML, CSS et autre code. Tous les navigateurs WebKit suivent les mêmes règles (au moins la…

Hôte vidéo mobile sur youtube

Pour les concepteurs Web mobiles qui ne veulent pas se battre pour trouver de nouvelles lexiques entiers de spécifications techniques, l'option la plus simple est de laisser YouTube, montré dans la figure, faire tout le travail de l'hébergement…

Comment activer l'agent utilisateur switcher dans Safari

Lorsque vous testez un site web destiné à l'iPhone et l'iPad sur un ordinateur de bureau, si le script de détection de périphérique sur un serveur reconnaît que vous utilisez un navigateur sur un ordinateur, il ne vous montre pas la version de…

Comment concevoir pour les différents navigateurs web

Bien que votre public peut différer, vous pouvez créer des sites Web qui semblent bonnes dans Safari sur l'iPhone et l'iPad sans compromettre la conception de la page lorsque l'affichage dans les navigateurs Web les plus populaires sur…

Comment faire pour installer les extensions de tests de safari

Safari ou Chrome installés sur votre ordinateur va vous aider à tester votre site Web destiné à l'iPhone et l'iPad. Ils rendent les sites mobiles de manière similaire à la façon dont ils seraient rendus sur un appareil iOS, et ils ont des…

Comment économiser de l'espace sur l'écran de l'iPhone

Lorsque vous concevez des sites Web pour l'écran relativement petit de l'iPhone, chaque pixel est précieux. Le script présenté ici est conçu pour faire défiler la page vers le bas automatiquement, cacher la barre d'adresse et de vous donner…

Comment utiliser les outils de développement dans Safari sur iOS

Activation de la console de débogage dans Safari sur iPhone, iPod touch ou iPad vous permet de voir les erreurs HTML, CSS et javascript directement dans l'appareil. Ceci est le moyen le plus fiable pour vous assurer que vous avez pas de…

Insérer une vidéo dans une page Web mobile

Si vous hébergez vos vidéos sur votre propre serveur Web, vous pouvez les intégrer dans vos pages en utilisant les balises HTML vidéo, audio, et de source. Que vous hébergez vos vidéos vous-même, utilisez un réseau haut de gamme de livraison…

Faites votre travail CSS 3 à travers les navigateurs web

Si vous concevez votre site Web pour le bureau ainsi que pour l'iPhone et l'iPad, vous pouvez toujours utiliser le CSS expérimentale 3! Finalement, le CSS 3 dans votre site sera probablement pris en charge. L'exemple de cette section vous montre…

Iphone Test conçoit avec Safari

Le plus proche vous pouvez venir à avoir Safari sur un iPhone ou iPad est Safari sur un ordinateur. Il a quelques différences notables, y compris la taille de l'écran plus grand que la plupart des gens utilisent les ordinateurs et le fait que…

Sites mobiles d'essai avec le navigateur Web de chrome

Pour tester votre site iPhone ou iPad dans le navigateur Web Chrome, vous pouvez lancer les outils de développement en cliquant sur l'icône de la clé dans le coin supérieur droit de la fenêtre du navigateur et en choisissant Outils -Developer…

Comment installer une extension avec Joomla! 1.6

Merci à la communauté sans cesse croissante de Joomla! utilisateurs et les développeurs, il ya littéralement des milliers d'extensions que vous pouvez télécharger et installer pour étendre les fonctionnalités de votre site Joomla! site. Avec…

godiches.com » Internet & médias sociaux » Web design & développement » Conception iPhone & iPad web » Améliorer les fonctionnalités de test de safari avec des extensions