All Articles Web
Mise en route dans Adobe BrowserLab
Geoff Blake on Fri, June 10th | 0 comments
In this post we'll be taking a look at BrowserLab. What the heck is BrowserLab? It's a tool for web designers, which allows them to preview their work in a variety of browsers, on different platforms.

Dans ce post nous allons jeter un oeil à BrowserLab. Que diable est BrowserLab? C'est un outil pour les concepteurs Web, ce qui leur permet de prévisualiser leur travail dans une variété de navigateurs, sur quelques plates-formes différentes. Par exemple, sur Mac développeurs veulent savoir comment leurs pages sont rendu dans Internet Explorer, Chrome et Firefox sur Windows, comme Windows concepteurs voudraient voir leurs pages dans Safari, Chrome et d'autres navigateurs sur Mac côté.

Maintenant BrowserLab est disponible en deux saveurs: Comme un panneau intérieur de Dreamweaver CS5 , ou comme un service autonome offert sur ​​le site d'Adobe. Les deux sont très cool, mais dans ce post nous allons jeter un oeil à la version de BrowserLab qui est disponible en direct sur le site d'Adobe.


Etape 1

Pour commencer, allez-y et allez à browserlab.adobe.com et vous connecter avec votre ID Adobe. Ensuite, cliquez sur Règle du navigateur vers le haut.


Etape 2

Définit l'intérieur du navigateur, on peut spécifier les navigateurs que nous voulons utiliser pour obtenir un aperçu de notre travail. En fait, nous pouvons même créer plusieurs ensembles, si nous voulons:

Dans la colonne Disponible Navigateurs dans le centre, aller de l'avant et de marquer les navigateurs que vous aimeriez BrowserLab à activer. Comme vous pouvez le voir, il ya beaucoup là-bas, sur Mac et PC. Ce serait génial de voir Linux dans là aussi ... j'espère que sur la façon bientôt.


Étape 3

Maintenant nous sommes prêts à commencer la prévisualisation notre travail. Au sommet, cliquez sur Test. Puis, dans le champ situé en haut de l'écran, tapez l'URL du site ou la page que vous aimeriez avoir un aperçu et appuyez sur Entrée.


Etape 4

Comme vous pouvez le voir, les navigateurs commencent rendu, et bientôt vous aurez un aperçu à l'intérieur BrowserLab pour le premier navigateur. Comment est-il? Pour faire défiler l'intérieur BrowserLab de sorte que vous pouvez afficher la page entière. Les concepteurs veulent chercher des choses comme le mal rendu CSS, les alignements, leur espacement et ainsi de suite, et puis bien sûr s'y prendre pour corriger ces problèmes.

Comment savez-vous quel navigateur vous êtes en train de voir l'intérieur BrowserLab? Un regard sur le coin supérieur gauche vous permettra de savoir. En fait, c'est un menu déroulant qui vous permettra de basculer vers un autre navigateur. Allez-y et donnez-lui un essai.


BrowserLab n'est certainement pas parfait. Par exemple, vous ne pouvez pas tester les scripts, les temps de chargement, ou l'interactivité, mais il est d'une grande aide pour les concepteurs. Il a sauvé ce designer Mac à base de sortir et de mettre la main sur un PC juste pour tester!

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: