Wprowadzenie
HTML5 dodaje do zestawu narzędzi programistów internetowych wiele nowych, wspaniałych narzędzi, w tym:
- Nowe, bardziej zaawansowane interfejsy JavaScript API
- SVG do grafiki wektorowej
- Płótno do grafiki 2D i 3D w WebGL
- CSS3 do zaokrąglonych rogów, gradientów itp.
- bardziej wyraziste znaczniki,
Ta lista nie jest oczywiście wyczerpująca. Platforma internetowa bardzo się rozwinęła, a luka między starymi a nowymi przeglądarkami powiększa się z każdego dnia na dzień.
Wszystkie główne przeglądarki na komputery obsługują obecnie najważniejsze części HTML5 w najnowszej wersji, ale stare przeglądarki stanowią wyzwanie dla najnowszych i najlepszych funkcji.
Google Chrome Frame umożliwia tworzenie nowoczesnych stron HTML5, a jednocześnie pozwala użytkownikom starszych przeglądarek na wyświetlanie Twoich treści.
Czym jest Google Chrome Frame
Google Chrome Frame to wtyczka do Internet Explorera, która umożliwia renderowanie pełnego obrazu w przeglądarce za pomocą mechanizmu renderowania Google Chrome. Obsługuje wszystkie funkcje HTML5 dostępne w Chrome, a także płynnie integruje się z przeglądarką Internet Explorer. Chrome Frame jest dostępny w przypadku przeglądarek Internet Explorer 6, 7, 8 i 9. Rozszerzenie Chrome Frame jest zdecydowanie przydatniejsze w przypadku obsługi starszych przeglądarek, takich jak IE6-to-IE8, ale jeśli na przykład potrzebujesz WebGL w aplikacji, możesz też wymagać od użytkowników IE9 zainstalowania Chrome Frame.
Elementy polyfill HTML5 to kolejny sposób na płynne przejście na nowsze przeglądarki. Niestety nie mogą one emulować wszystkich funkcji i spowolniają działanie strony w starszych przeglądarkach, które są już wolniejsze od przeglądarek nowej generacji.
Nawet jeśli Twoja witryna nie wymaga funkcji HTML5, korzystanie z Chrome Frame może poprawić komfort korzystania z niej. W przypadku użytkowników, którzy mają już zainstalowaną tę wersję, renderowanie jest na ogół szybsze, a oni sami mogą uzyskać dostęp do funkcji, które nie są obsługiwane w starszych przeglądarkach. Oczywiście nadal możesz obsługiwać starsze przeglądarki w przypadku użytkowników, którzy nie mają zainstalowanej wtyczki Chrome Frame na swoim komputerze.
Włączanie opcji
Możesz włączyć renderowanie strony w Chrome Frame, dodając metatag HTML lub używając nagłówka HTTP. To bardzo ważne. Oznacza to, że jeśli użytkownik ma zainstalowany Chrome Frame, żadna witryna nie ulegnie uszkodzeniu, ponieważ witryna ma pełną kontrolę nad używaniem wtyczki lub domyślnego renderowania. Poniższe fragmenty kodu pokazują, jak witryna może włączyć renderowanie przez Chrome Frame.
Opcja 1.Nagłówek HTTP (możesz go dodać do konfiguracji dowolnego serwera HTTP, np. Apache):
X-UA-Compatible: chrome=1
Opcja 2. Metatag (wstaw go w sekcji HTML <head>)
<meta http-equiv="X-UA-Compatible" content="chrome=1">
Gdy dodasz do witryny jedną z tych wtyczek, strony są renderowane za pomocą Chrome Frame, jeśli wtyczka ta jest zainstalowana na komputerze użytkownika.
Prośba o instalację Google Chrome Frame
Możesz całkowicie wycofać obsługę starszych przeglądarek z różnych powodów, m.in.:
- Twoja witryna wymaga nowoczesnych funkcji, takich jak filmy HTML5, canvas, WebGL czy CSS3.
- Czas potrzebny na opracowanie wersji dla starszych przeglądarek jest zbyt długi
- przyspieszyć czas rozwoju nowych funkcji;
Chrome Frame może być strategią umożliwiającą użytkownikom starszych przeglądarek dalsze korzystanie z Twojej witryny.
Chrome Frame informuje o swojej dostępności, rozszerzając nagłówek User-Agent hosta o ciąg znaków „chromeframe”. Więcej informacji znajdziesz w artykule Identyfikator użytkownika Chrome Frame.
Wykrywanie na serwerze, które sprawdza, czy token jest dostępny, i określa, czy można użyć Chrome Frame na danej stronie. Jeśli wtyczka Chrome Frame jest obecna, możesz wstawić wymagany tag meta. Jeśli nie, możesz przekierować użytkowników na stronę z instrukcją instalacji wtyczki. Jako alternatywę dla podsłuchiwania po stronie serwera możesz użyć skryptu CFInstall.js, aby wykryć Chrome Frame i poprosić użytkowników o zainstalowanie wtyczki bez restartowania przeglądarki. Korzystanie ze skryptu jest proste. Wystarczy, że dodasz do strony tagi skryptu i opcjonalne style, jak w tym przykładzie:
<html>
<body>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<style>
/*
CSS rules to use for styling the overlay:
.chromeFrameOverlayContent
.chromeFrameOverlayContent iframe
.chromeFrameOverlayCloseBar
.chromeFrameOverlayUnderlay
*/
</style>
<script>
// You may want to place these lines inside an onload handler
CFInstall.check({
mode: "overlay",
destination: "http://www.waikiki.com"
});
</script>
</body>
</html>
Prompt yourself
Możesz też samodzielnie utworzyć stronę docelową lub warstwę. Przekierowywanie użytkowników na ten adres URL
http://www.google.com/chromeframe/
który można umieścić w ramce IFRAME.
Dodaj parametr przekierowania, aby kierować użytkowników z powrotem do witryny po zakończeniu instalacji:
http://www.google.com/chromeframe/?redirect=http://www.google.com/ Zamiast przekierowywać użytkowników na stronę wstępną Chrome Frame, możesz też wysłać ich bezpośrednio do umowy EULA, oszczędzając w ten sposób jeden krok w procesie instalacji. http://www.google.com/chromeframe/eula.html
Nie są wymagane żadne uprawnienia administracyjne.
Użytkownicy mogą instalować Chrome Frame bez uprawnień administracyjnych na swoich komputerach.
Aby umożliwić instalację Chrome Frame na poziomie użytkownika, dodaj parametr user=true, jak w tym przykładzie:
http://www.google.com/chromeframe/?user=true
Instalacja w firmie
Firmy mogą wdrażać Chrome Frame w całej organizacji za pomocą instalatora MSI, który można pobrać tutaj: http://www.google.com/chromeframe/eula.html?msi=true.
Więcej informacji o wdrożeniach Chrome w firmach znajdziesz na stronie http://www.chromium.org/administrators.
Rozpowszechnienie
Wiele dużych witryn, takich jak yahoo.com, wordpress.com i kilka usług Google, korzysta z ramek Google Chrome. Oprócz zapewnienia użytkownikom dostępu do bardziej nowoczesnych stron internetowych Chrome Frame znacznie skraca też czas wczytywania. Aby sprawdzić, czy Chrome Frame pomaga w szybszym renderowaniu witryny, otwórz stronę webpagetest.org i wybierz Chrome Frame jako przeglądarkę.
Więcej informacji
Więcej informacji znajdziesz w przewodniku dla początkujących lub w tym filmie z Google I/O 2011