All Articles Web
어도비 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는 뭐야? 그것은 몇 가지 플랫폼에서, 그들 브라우저의 다양한 자신의 작품을 미리 볼 수 있습니다 웹 디자이너를위한 도구. 예를 들어, 맥 기반의 개발자들은 페이지와 마찬가지로 윈도우 인터넷 익스플로러, 크롬 및 파이어 폭스에서 렌더링되는 방법을 알고 싶은가 Windows 기반 디자이너가 Mac에서 자신의 사파리, 크롬의 페이지 및 기타 브라우저를보고 싶은 것입니다 측면.

지금 BrowserLab 두 풍미에 온다 : 내부 패널로서 드림위버 CS5 , 또는 제공하는 독립 실행형 서비스로 Adobe의 웹사이트입니다. 둘 다 멋있는 있지만이 게시물에 우리가 살고 가능한 BrowserLab의 버전에 모습을 맡게 될거야 어도비의 사이트에서.


1 단계

시작하려면, 진행하고 이동 browserlab.adobe.com 와 어도비의 ID로 로그인하십시오. 다음, 상단의 브라우저 설정을 클릭합니다.


2 단계

브라우저 설정 내부, 우리는 우리의 작업을 미리 보는 데 사용할 브라우저를 지정할 수 있습니다. 우리가 원한다면 사실, 우리도 여러 세트를 만들 수 있습니다

중앙에 사용 가능한 브라우저 열에서 가서 당신이 사용하는 BrowserLab 싶은 브라우저를 표시합니다. 보시다시피, 거기에 많은 Mac과 PC 모두에있다. 너무 거기에 리눅스를 볼 수 좋을 것 ... 그쪽으로 가면 곧오고있어.


3 단계

지금 우리는 우리의 작업을 미리 시작할 준비가되었습니다. 상단 테스트를 클릭합니다. 그런 다음 입력 미리 치고 싶은 사이트 또는 페이지에 대한 URL의 화면 종류의 맨 위에있는 필드 인치


4 단계

당신이 볼 수 있듯이, 브라우저는 렌더링을 시작하고, 곧 당신은 첫 번째 브라우저 BrowserLab 안에 미리 가져 올게. 어떻게 보여요? 당신이 전체 페이지를 볼 수 있도록 BrowserLab 내부 위아래로 스크롤합니다. 디자이너처럼 제대로 CSS 렌더링 것들, 정렬, 간격 등을 찾아 원하는 것이다; 그리고 물론 이러한 문제를 해결에 대한 이동합니다.

당신은 현재 BrowserLab 안으로 보이는 어떤 브라​​우저 어떻게 알죠? 왼쪽 상단 모서리에 한눈에 알려 것입니다. 사실, 그건 당신이 다른 브라우저로 전환할 수있는 드롭 다운 메뉴, 그럼. 가서 한 번 사용해 보시기 바랍니다.


BrowserLab 확실히 완벽하지 않습니다. 예를 들어, 스크립팅,로드 시간, 또는 상호 작용을 테스트 수는 없지만, 그것은 설계자에게 큰 도움이 있어요. 그것은 외출하고 테스트하기위한 PC에서 자신의 손에 넣는에서 맥 기반의 디자이너를 저장있어!

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: