hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Comment déboguer le site Web dans iPad

Avec des milliards d'utilisateurs mobiles de nos jours, la création de sites Web visibles sur les appareils mobiles est indispensable. Heureusement, nous disposons de nombreux outils et options pour déboguer des sites Web sur des plates-formes mobiles . Vous pouvez utiliser Adobe Edge Inspect, Google Chrome Emulation ou XIP.io pour en nommer quelques-uns.

Si vous développez uniquement dans un environnement OS X et iOS, vous n'avez peut-être pas besoin de ces outils tiers. Apple a déjà fourni un ensemble d'outils pour le travail. Et dans ce post, nous allons vous montrer comment les utiliser pour accéder et déboguer des sites Web statiques ainsi que des sites WordPress dans iOS pour iPhone et iPad.

Sans plus tarder, commençons.

Commencer

Tout d'abord, lancez Safari et activez les outils de développement via Safari> Preference . Dans l'onglet Avancé, cochez la case Afficher le développement dans l' option de la barre de menu .

Un nouveau menu appelé Développer apparaîtra dans la barre de menu Safari.

Ensuite, dans votre iPad ou votre iPhone, allez dans Paramètres> Safari . De même, dans le menu Avancé, activez l' inspecteur Web, comme cela.

Pour un site Web basé sur WordPress

Un chemin relatif est requis pour que les liens CSS, Images et JavaScript soient correctement chargés dans l'iPad ou l'iPhone. Si vous développez des sites Web WordPress, tous les chemins d'accès sont absolus. Pour en faire un chemin relatif, installez et activez ce plugin: URL relative.

Une fois activés, les URL du chemin d'accès seront:

 http: // localhost: 8888 / wordpress / 

... en quelque chose comme ce que vous voyez ci-dessous:

 / wordpress / 

Débogage du site Web

Tout d'abord, vous devez connaître le numéro d'adresse IP de votre réseau. Allez dans Préférences système> Réseau . Là, vous trouverez l'adresse IP. Assurez-vous également que vos appareils Apple - Mac, iPad, iPhone - sont connectés au même réseau afin que vous puissiez accéder au site sans fil sur l'iPad ou l'iPhone.

Sur votre iPad ou iPhone, lancez l'application Safari et accédez à localhost: 8888 suivi de votre répertoire de projet Web - par exemple localhost: 8888 / wordpress . Si vous configurez votre serveur local en utilisant MAMP, localhost: 8888 devrait être votre adresse de serveur local par défaut.

Comme vous pouvez le voir ci-dessous, nous regardons notre site Web, qui dans ce cas est basé sur WordPress, sur un iPad.

De plus, pour pouvoir déboguer le site avec Developer Tools, vous devez brancher votre iPad ou votre iPhone à votre Mac en utilisant le port USB . Ensuite, dans Safari, allez dans le menu Développer et sélectionnez votre appareil connecté.

Nous avons fini.

Dans la capture d'écran suivante, lorsque nous sélectionnons l'arborescence DOM à partir des outils de développement, vous pouvez voir que les éléments respectifs sur l'iPad ou l'iPhone sont en surbrillance. Vous pouvez maintenant déboguer techniquement votre site web sur iPad ou iPhone, comme vous le faites sur votre bureau.

L'informatique quantique expliquée (comme si vous étiez âgé de 5 ans)

L'informatique quantique expliquée (comme si vous étiez âgé de 5 ans)

Le concept de "Quantum Computing" récemment devenu viral - grâce à un certain Premier ministre - est l' un des nombreux territoires inexplorés de la science par nos potes non-scientifiques .La raison pour laquelle la plupart d'entre nous n'en ont pas encore entendu parler pendant des décennies est que, pour la plupart, c'est théorique et que ceux qui l'expérimentaient au début étaient très silencieux à cause de la nécessité pour le secret militaire et corporatif.Néanmoins, n

(Conseils techniques et de conception)

20 sites Web avec l'effet Creative MouseOver

20 sites Web avec l'effet Creative MouseOver

En conception web, même un plus petit effet peut changer l'expérience utilisateur globale . cela peut être soit un effet de glitch, un effet de rebond ou même un effet sonore simple. L'un de ces effets, fréquemment utilisé dans la conception de sites Web de nos jours, est l'effet hover ou mouseover. Cet

(Conseils techniques et de conception)