All Articles Web
Getting Started in 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.

In diesem Beitrag werden wir einen Blick auf BrowserLab. Was zum Teufel ist BrowserLab? Es ist ein Werkzeug für Web-Designer, mit denen sie ihre Arbeit in einer Vielzahl von Browsern Vorschau ermöglicht, auf ein paar verschiedene Plattformen. Zum Beispiel würde Mac-basierte Entwickler wollen wissen, wie ihre Seiten in Internet Explorer, Chrome, Firefox und Rendering unter Windows, wie Windows-basierte Designer wollen ihre Seiten in Safari, Chrome und andere Browser auf dem Mac zu sehen Seite.

Jetzt BrowserLab gibt es in zwei Geschmacksrichtungen: Als Panel in Dreamweaver CS5 , oder als Stand-alone-Service auf angebotenen Adobe-Website. Beide sind extrem cool, aber in diesem Beitrag werden wir einen Blick auf die Version von BrowserLab verfügbaren leben ist auf der Adobe-Website.


Schritt 1

Um loszulegen, gehen Sie vor und navigieren Sie zu browserlab.adobe.com und melden Sie sich mit Ihrer Adobe-ID. Als nächstes auf Browser-Sets an der Spitze klicken.


Schritt 2

Innerhalb Browser Sets, können wir den Browser wollen wir nutzen, um unsere Arbeit anzuzeigen. In der Tat, wir können sogar mehrere Sätze, wenn wir wollen:

In den verfügbaren Browsern Säule in der Mitte, gehen Sie vor und markieren Sie den Browser, die Sie BrowserLab ermöglichen würde. Wie Sie sehen können, gibt es eine Menge gibt, auf Mac und PC. Es wäre toll, zu sehen, Linux auch drin ... hoffentlich, dass die auf dem Weg bald.


Schritt 3

Jetzt sind wir startbereit Vorschau unserer Arbeit. An der Spitze, klicken Sie auf Test. Dann in das Feld am oberen Rand des Bildschirms, geben Sie die URL der Website oder Seite, die Sie für die Vorschau und drücken Sie Enter hatte.


Schritt 4

Wie Sie sehen können, beginnen die Browser-Rendering, und schon bald werden Sie eine Vorschau in BrowserLab für die erste Browser zu bekommen. Wie sieht es aus? Blättern Sie nach oben und nach unten in BrowserLab, so dass Sie die ganze Seite sehen können. Designer wollen für Dinge wie schlecht gerendert CSS, Achsen, Abstand und so weiter zu sehen, und dann natürlich über die Korrektur dieser Probleme gehen.

Woher weißt du, welchen Browser Sie sehen derzeit in BrowserLab? Ein Blick in die linke obere Ecke wird Sie wissen lassen. In der Tat, das ist ein Drop-Down-Menü, mit denen Sie das Gerät, um zu einem anderen Browser. Gehen Sie weiter und probieren Sie es aus.


BrowserLab ist sicherlich nicht perfekt. Zum Beispiel können Sie nicht testen Scripting, Ladezeiten oder Interaktivität, aber es ist eine enorme Hilfe für die Designer. Es ist das Mac-Designerin aus Ausgehen und immer seine Hände auf einem PC nur zum Testen gespeichert!

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: