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

この記事では、BrowserLabを見することになる。 BrowserLabは一体何でしょうか?それは、いくつかの異なるプラットフォーム上で、それらは様々なブラウザで自分の仕事をプレビューできるようにするWebデザイナーのためのツール、です。例えば、Macベースの開発者は、自分のページが同じように、Windows上のInternet Explorer、Chrome、およびFirefoxでレンダリングされる方法を知りたいするWindowsベースの設計者はMac上のSafari、Chromeのページ、および他のブラウザを確認したいとサイド。

今BrowserLabは2種類があります:内部パネルとしてDreamweaverのCS5 、または上提供されるスタンドアロンサービスとしてアドビシステムズ社のウェブサイト。どちらも非常にクールですが、このポストで私達が生きて利用できるものBrowserLabはのバージョンをご覧になることをするだろうAdobeのサイトで。


ステップ1

開始するには、先に行くとに移動browserlab.adobe.comし、Adobe IDでサインイン。次に、上部のブラウザの設定をクリックしてください。


ステップ2

ブラウザセットの内部に、我々は我々の仕事をプレビューに使用するブラウザを指定することができます。我々は応じて実際の問題として、我々はさらに複数のセットを作成できます。

センターで使用できるブラウザ列で、先に行くとあなたがBrowserLabを有効にしたいブラウザをオフにマークします。ご覧のように、そこにたくさんのは、MacとPCの両方で、あります。それはあまりにもそこにLinuxを見ることができれば嬉しい...うまくいけばそれはすぐに道にあります。


ステップ3

今、私たちは私たちの仕事をプレビューする準備が整いました。上部には、[Test]をクリックします。その後、EnterキーをプレビューしてヒットしたいのですがサイトまたはページへのURLの画面、型の上部のフィールドに入力します。


ステップ4

見てわかるように、ブラウザはレンダリングを開始し、たちまちのうちには、まずブラウザのBrowserLabを内側プレビューを得るでしょう。どのようにそれが見えますか?ページ全体を表示できるようにBrowserLabを内側に上下にスクロールします。設計者は、希望の悪いCSSレンダリングされたもの、アライメント、間隔などを探すことになるでしょう、そして、もちろん、これらの問題を修正するについて行く。

あなたが現在BrowserLabを内部に見ているどのブラウザ方法を知っていますか?左上隅にある一見はあなたが知っているようになる。実際に、それはあなたが別のブラウザにスイッチアウトを可能にするドロップダウンメニュー、です。先に行き、それを試してみてください。


BrowserLabは確かに完璧ではあり​​ません。たとえば、スクリプト、ロード時間、または双方向性をテストすることはできませんが、それは設計者にとっては大助かりです。それは外出して単なるテスト用のPCの上に手を得ることからこのMacベースのデザイナーを保存している!

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: