Code.ge Blog » browsers http://www.code.ge ბლოგი ვებ პროგრამირებისა და ტექნოლოგიების შესახებ Mon, 03 May 2010 14:38:57 +0000 en hourly 1 http://wordpress.org/?v=3.0 Google Chrome Frame http://www.code.ge/posts/google-chrome-frame http://www.code.ge/posts/google-chrome-frame#comments Fri, 25 Sep 2009 09:41:03 +0000 იოსები http://www.code.ge/?p=374 რამდენიმე დღის წინ Google – მ გაახმაურა თავისი ახალი პროექტი სახელად Google Chrome Frame. ეს არის პლაგინი InternetExplorer – ისთვის რომელის ინსტალაციის შემდეგაც საიტები თუ მათ გააჩნიათ შესაბამისი META ტეგი, ჩაიტვირთებიან არა IE – ს ძრავის არამედ Google Chrome – ს ძრავის მეშვეობით. ეს ნიშნავს იმას რომ ყოველგვარი არათავსებადობის პრობლემა(რომელსაც 99% შემთხვევებში იწვევს IE) საერთოდ აღარ შეაწუხებს მომხმარებელს. როგორც აღმოჩნდა გუგლის ეს ნაბიჯი განპირობებული იყო მისი ახალი პროდუქტის – Google Wave გამო რომელიც ხელმისაწვდომი მომავალი კვირიდან გახდება. საინტერესო არის ის, რომ, გუგლმა IE – ს ყველა ვერსიის მხარდაჭერაზე განაცხადა უარი რადგანც ამ ბრაუზერებს არ აქვთ JavaScript – ისა და HTML5 – ის ახალი შესაძლებლობების მხარდაჭერა.

cf-in-ie

მაგრამ Wave – ს გამო შექმნილი პლაგინის გაოყენებაში არანაირად არ ვართ შეზღუდული და იგი შეგვიძლია გამოვიყენოთ ნებისმიერი ვებ საიტისთვის, რისი მაგალითიც არის ჩემი ბლოგი :) თუ ამ გვერდს გახსნით IE6 – ის მეშვეობით მაშინათვე დაინახავთ Google Chrome Frame – ს ინსტალაციის შემოთავაზებას და იმ შემთხვევაში თუ დააინსტალირებთ პლაგინს თქვენს კომპზე არსებული IE6, IE7 და IE8 ავტომატურად იმუშავებს Chrome Frame რეჟიმში :) :)

ტექნიკურად ეს საკითხე გვარდება ძალიან მარტივად. პირველ რიგში საიტის HEAD სექციაში უნდა დავამატოთ შემდეგი META ტეგი:

1
<meta http-equiv="X-UA-Compatible" content="chrome=1" />

თუ Google Chrome პლაგინი უკვე დაინსტალირებული აქვს მომხმარებელს ყველა ვერსიის IE იმუშავებს Google Chrome – ს ძრავით ისე რომ ამის შესახებ მომხმარებელს არაფერი ეცოდინება.

იმისათვის რომ მომხმარებელს შევთავაზოთ პლაგინის ინსტალაცია, ასევე საჭიროა ვებ გვერდში შემდეგი კოდის ჩასმა(გაუგებრობების თავიდან ასარიდებლად BODY ტეგის დახურვამდე):

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
 
<div id="placeholder"></div>

<script type="text/javascript">
 CFInstall.check({
    node: "placeholder",
    destination: "http://www.waikiki.com"
  });
</script>

ეს სკრიპტი შეამოწმებს აქვს თუ არა მომხმარებელს დაინსტალირებული ნახსენები პლაგინი, და თუ არა მაშინ შესაბამისი შეტყობინება შესთავაზებს მომხმარებელს მის ინსტალაციას.

შედეგი? შედეგი კი ძალიან საინტერესოა. რა თქმა უნდა ვერ შევიკავე თავი და გავტესტე პლაგინი ჩემს ბლოგზე და შედეგიც სახეზეა:

Picture 6
Picture 7
Picture 8
Picture 9

თუ გახსნით ბოლო სურათს, დაინახავთ რომ ბლოგის მარჯვენა სვეტში განთავსებულ პროექტების ბანერებს მომრგვალებული კუთხეები აქვთ, ეს მომრგვალება გაკეთებულია CSS – ის border-radius თვისების მეშვეობით რომლის მსგავსიც არცერთ IE – ს არ გააჩნია :D

Enjoy :)

]]> http://www.code.ge/posts/google-chrome-frame/feed 10