As a web developer, I’m constantly at odds with all the different browsers out there. 웹 개발자로서, 끊임없이 다른 브라우저가 가진 모든 가능성에 있어요. They all render CSS, Java and other styling in different ways. 그들 모두는 CSS, 자바와 다른 방법으로 다른 스타일을 렌더링합니다. This is particularly troublesome if you’ve made the move over to designing in full CSS. CSS의 경우 디자인 전체 이동 만들 었어이 특히 골칫거리입니다. There are some online tools available however, that will allow you to check your work without having to spend hours maintaining multiple browser installs across different versions. 이미 일부 온라인 도구를 사용할 수 있지만, 그게 당신이 다른 버전을 여러 시간 동안 유지하는 브라우저를 설치하지 않고 작업을 확인하실 수있습니다. Which in some cases you cant do. 일부 경우에 당신은 할 은어. Well, you can if you are so inclined. 글쎄, 당신은 그렇게하면 받을수있다. In some cases, that might be the only option for instant interactivity but you will always be limited by operating system testing and limited to certain browsers to an extent. 어떤 경우에는, 그 즉시 상호 작용을위한 유일한 옵션이 될 수도 있지만 당신은 항상 운영 체제를 테스트하여 특정 브라우저에 한정되며 정도로 제한했다. So here’s an option to have at least a quickshot of them all! 그래서 여기있는 옵션을 가지고 그들 모두의 quickshot 적어도!
BrowserShots.Org BrowserShots.Org
This is a great online tool that tells you which browsers you may want to install and troubleshoot with more. 이것은 당신을 설치하고 그 이상의 문제를 해결 할 수있습니다 브라우저 당신에게 훌륭한 온라인 도구입니다. At a glance, I was able to download 52 screen shots of the browsers that I chose all at once. 언뜻 보면, 난 내가 한번에 모든 브라우저 선택의 스크린 샷 52 다운로드 수 있었다. You can see some of the thumbnailed results for robmalon.com in the left screenshot. 좀 왼쪽의 화면을 캡처에 대한 robmalon.com thumbnailed 결과를 볼 수있습니다. It showed me that I had some serious issue in IE 5.5 as you can see in the picture below 그것으로 당신은 사진 아래에 볼 수있는 그는 IE 5.5에서 몇 가지 심각한 문제가있다는 걸 보여줬
Beware, when you use this tool, you may only be able to use it once per day and for one site per day. ,이 도구를 사용하면 조심하라, 당신은 하루에 한 번씩하고 그것을 사용할 수있습니다 하루에 한 사이트에 대한. Obviously a service like this can be abused. 물론 서비스가 이런식으로 악용 될 수있습니다. If you want to use it more than that, you could try a clever trick like changing your routers MAC address manually which in turn should change the last set of octets on your IP address from a typical DLS or Cable provider. 만약 네가 그렇게한다면 더 이상 사용하고자하면 라우터의 MAC을 수동으로하는 전형적인 DL을 차례로 또는 케이블 제공 업체에서 귀하의 IP 주소에 바이트의 마지막 설정을 변경해야 주소를 변경하면 같은 교묘한 트릭을 시도해 볼 수도있습니다.
Also note, when you use this tool, that some of the shots might have to be redone because I think their servers timeout sometimes. 또한, 언제 시간이 있다고 생각하기 때문에 그들의 서버는 가끔 일부 타의 끝났어요 될 것이 도구를 사용합니다.
If you do any research into BrowserShots you’ll find they have Downloads area which links to a sourceforge project which they’ve started so you can run your own. 어떤 연구를 할 경우에 BrowserShots 그들은 그들이 그렇게 자신을 실행할 수있는 프로젝트를 시작 난리가 소스 포지의 링크를 다운로드 영역이 있는데, 찾을거야. This is the only way to date, to be able to manage and emulate all browsers at once. 이 데이트하는 유일한 방법은 한 번에 관리할 수있는 모든 브라우저를 에뮬레이션하는 것입니다.
What To Develop For - The Browsers Visitors Use 무엇을 개발할 - 방문자가 사용하는 브라우저
To be honest, at some point, its time to cut your losses and develop for the majority. 정직하게하려면, 어느 시점에서, 자사의 시간을 당신의 손실을 절감하고 다수에 대한 개발. I’ve reviewed stats from some of the larger sites I run and you can see the results of users typical browser usage these days for yourself. 제가 요즘 좀 실행하고 스스로 브라우저 사용에 대한 일반 사용자의 결과를 볼 수있는 대형 사이트의 통계를 검토했습니다. Note: These stats are from the month of August 2008. 참고 :이 통계 2008년 8월의 달입니다.
Reviewing The Statistics 통계를 검토
- The main stats (first 3 graphs) are from the same site. 주요 통계 (처음 3 그래프) 같은 사이트에서입니다. Its a site in a gaming niche (I run several sites in this niche) so remember that the audience is a bit younger and maybe a bit more technical. 틈새 시장에서 게임의 사이트 (나는) 그렇게 관객의 기억이 틈새에 여러 개의 사이트를 실행 비트 및 어쩌면 조금 더 기술적인 젊은.
- The bottom left graph shows a quick percentage of the traffic on this site (robmalon.com) in which firefox usage sky rockets! 맨 아래 왼쪽 그래프는이 사이트 (robmalon.com)에 대한 트래픽의 비율을 보여줍니다 빠른 Firefox를 사용하는 로켓을 하늘에! I’m sure my audience here is a little more cutting edge, developers ;). 나는 확신 내 관객이 여기에 좀 더 첨단 개발자입니다;).
- On the bottom right you’ll see stats for a forum that I operate with similar stats to the game site. 당신은 내가 게임 사이트와 비슷한 통계를 함께 운영하는 포럼에 대한 통계를 볼 수 오른쪽 하단.
- I’ve looked at stats across clients which I’ve done work for in the past. 나는 내가 과거에 대한 통계 작업을하는 고객을 가로질러 짓을했는지 살펴 봤어요. Even in non technical areas the trends are about the same. 이외의 분야에 대한 기술 동향을 동일하더라도. Firefox is always 45% - 70% and IE is usually between 30% and 45% of traffic. 파이어 폭스는 항상 45 % - 70 %와 IE 일반적으로 트래픽의 30 %와 45 % 사이입니다.
That said, when I develop CSS sites, I specifically develop for IE6, 7 and Firefox 2, 3. 그 때 CSS는 사이트를 개발했다, 내가 특별히 6, 7과 파이어 폭스 2, 3에 대한 개발.
Typically anything you do for Firefox 3 will work in Firefox 2. 파이어 폭스 3에 대한합니까 일반적으로 아무것도 파이어 폭스 2에서 작동한다. IE is a different story because you cant have two instances installed on the same machine. 은어 때문에 두 인스턴스가 같은 컴퓨터에 설치되어있는 IE의 다른 이야기이다. (But wait, keep reading - There is a way). (하지만, 읽기, 계속 기다릴 - 한 방법이다).
More Than Just An Image 더 많은 이미지를보다
If you need more interactivity with it you might be able to find a way to do a combination of these which will allow you to cover a fairly wide spectrum while still using a single computer: 만약 당신이 당신은 상당히 넓은 스펙트럼을 커버 수있게의 조합을 할 수있는 방법을 찾을 수있을 여전히 단일 컴퓨터를 사용하면서 그것으로 더 많은 상호 작용을해야합니다 :
- Dual boot multiple operating systems - Maybe a bit tedious because you need to restart the machine every time you want to try a new set of browsers installed on a different operating system. 때문에 기계가 당신의 브라우저에 설치된 다른 운영 체제의 새로운 설정하려는 시도를 다시 시작해야 할 때마다 듀얼 부팅을 여러 운영 체제 - 아마 조금 지루한.
- Virtual Boot by using something such as VMware . VM웨어 등으로 뭔가를 사용하여 가상 부팅. There’sa rather large amount of options for free virtual PC emulators available. 가상 PC를 무료로 사용할 수 에뮬레이터에 대한 옵션의 There'sa 약간 큰 금액입니다. This might be a better option as you wont have to reboot as often. 당신이 더 나은 옵션으로 불렀었있을만큼 자주 재부 팅해야합니다.
Internet Explorer 인터넷 익스플로러
IE alone, is usually one of the most difficult issues in setting some of these things up. IE는 혼자, 일반적으로 가장 어려운 문제 중 하나는 이러한 것들의 설정에있다. If dual booting isn’t an option for you (or even if it is). 만약 당신을 위해 듀얼 부팅 옵션 (또는 설사 그렇다하더라도)입니다. You might what to shorten your work load on setup by finding handy utilities like this one: MultipleIE’s . 무슨 설치에이 한 : 같은 편리한 유틸리티를 찾을 가능성을 단축하여 작업 부하 MultipleIE. There is also a standalone IE7 version available on the same site. 또한 독립형는 IE7 버전은 동일한 사이트에 사용할 수있습니다.
FireFox FireFox
With FireFox 2 and 3 you can use managed profiled to allow the two installs to co-exist together on the same machine. 파이어 폭스 2와 3으로하면 두 공동으로 설치하도록 관리하는 데 사용할 수있는 프로 파일링 - 같이 동일한 기계에 존재한다.
Safari 사파리
A Multi-Safari project was started for a multiple Safari install. 한 멀티 - 사파리 프로젝트는 여러 사파리에 대한 설치가 시작되었다. It appears that this only works on a Mac however. 그것이 유일한 작품 그러나 Mac에서 나타납니다. You can find more info on the process at michelf.com’s blog . 당신 michelf.com '에서 프로세스에 대한 님의 블로그 더 많은 정보를 찾을 수있습니다. You might also find the trick on lifehacker.com useful back when Safari 3 was in beta. 당신은 또한 사파리 3 베타 버전에 있던 lifehacker.com 유용한 뒷면에있는 트릭을 찾을 수도있습니다.
Opera 오페라
Opera plays nice and does not need a multi-installer to be able to run different versions on a machine. 멋진 오페라와 연극의 컴퓨터에서 다른 버전을 실행할 수있는 멀티 - installer는 필요하지 않습니다. Simply install to separate directories as you go. 당신이 가서 간단하게 별도의 디렉토리에 설치합니다.
Conclusions 결론
At the end of the day its hard to please everyone. 하루의 끝에서는 모두 어려운시기 바랍니다. I shoot to design for the two most popular browsers and have compatibility with at least the current version and previous version before it. 나는 두 가지 가장 인기있는 브라우저와의 호환성을 가지고 촬영을위한 디자인을하고 그것의 현재 버전과 이전 버전의 최소한이다. That’s hard enough as it is. 그만큼 힘든지 충분하다. If I ever have a client that asks me to do design work with an advanced design, and they want more support than that, it can definitely increases rates. 만약 내가 그 날 고급 디자인으로 설계 작업을 할 묻는 클라이언트 있고, 그들은, 그럴 수 증가 속도는 확실히 그 이상의 지원이 필요합니다.
Posted by: Rob | 2008-08-28 작성자 : 롭 | 2008년 8월 28일
Category: Web Design 카테고리 : 웹 디자인
Tags: CSS , Design , Visitors 태그 : CSS를, 디자인, 방문자
Respond: Leave A Comment | Trackback URL 답변 : 덧글을 남길 | 트랙백 URL을
1 트랙백 (들)
덧글을 남길 :