Giới thiệu
HTML5 bổ sung nhiều công cụ mới tuyệt vời vào hộp công cụ của nhà phát triển web, bao gồm:
- Các API JavaScript mới, mạnh mẽ hơn
- SVG cho đồ hoạ vectơ
- Canvas cho 2D và đồ hoạ 3D WebGL
- CSS3 cho các góc bo tròn, hiệu ứng chuyển màu, v.v.
- Mã đánh dấu biểu cảm hơn
Tất nhiên, danh sách này chưa đầy đủ; nền tảng web đã phát triển rất nhiều và khoảng cách giữa trình duyệt cũ và trình duyệt hiện đại ngày càng lớn.
Mọi trình duyệt chính dành cho máy tính hiện đều hỗ trợ các phần quan trọng của HTML5 trong phiên bản mới nhất, nhưng các trình duyệt cũ vẫn tồn tại gây ra thách thức cho việc áp dụng các tính năng mới nhất và tốt nhất hiện nay.
Google Chrome Frame có thể giúp bạn tạo các trang HTML5 hiện đại ngay hôm nay, đồng thời vẫn cho phép những người sử dụng trình duyệt cũ xem nội dung của bạn.
Google Chrome Frame là gì?
Google Chrome Frame là một trình bổ trợ cho Internet Explorer, cho phép kết xuất toàn bộ canvas của trình duyệt bằng công cụ kết xuất của Google Chrome. Trình bổ trợ này hỗ trợ tất cả các tính năng HTML5 mà bạn thấy trong Chrome, đồng thời tích hợp liền mạch vào trải nghiệm người dùng Internet Explorer. Chrome Frame có sẵn cho Internet Explorer 6, 7, 8 và 9. Chrome Frame chắc chắn hữu ích hơn khi hỗ trợ trình duyệt cũ như IE6 đến IE8, nhưng nếu bạn yêu cầu WebGL cho ứng dụng của mình, thì việc yêu cầu Chrome Frame cho người dùng IE9 cũng có thể hữu ích.
Mã polyfill HTML5 cung cấp một cách khác để chuyển đổi suôn sẻ sang các trình duyệt mới hơn. Rất tiếc, các trình mô phỏng này không thể mô phỏng mọi tính năng và làm chậm trang của bạn trong các trình duyệt cũ vốn đã chậm hơn so với trình duyệt thế hệ mới.
Ngay cả khi trang web của bạn không cần các tính năng HTML5, việc sử dụng Chrome Frame vẫn có thể mang lại trải nghiệm người dùng tốt hơn. Đối với những người dùng đã cài đặt, quá trình kết xuất thường nhanh hơn và họ có thể truy cập vào các tính năng không được hỗ trợ trong các trình duyệt cũ. Tất nhiên, bạn vẫn có thể quyết định hỗ trợ các trình duyệt cũ cho những người dùng không có Chrome Frame trên máy.
Chọn tham gia
Bạn có thể bật Chrome Frame để hiển thị một trang bằng cách thêm thẻ meta HTML hoặc sử dụng tiêu đề HTTP. Điều này rất quan trọng. Điều này có nghĩa là không có trang web nào bị hỏng nếu người dùng đã cài đặt Chrome Frame, vì trang web có toàn quyền kiểm soát việc sử dụng trình bổ trợ hoặc chế độ kết xuất mặc định. Các đoạn mã sau đây cho thấy cách một trang web có thể chọn hiển thị bằng Chrome Frame.
Cách 1: Tiêu đề HTTP (bạn có thể thêm tiêu đề này vào cấu hình máy chủ HTTP (ví dụ: Apache)):
X-UA-Compatible: chrome=1
Cách 2: Thẻ meta (Bạn chỉ cần dán thẻ này vào phần <head> của HTML)
<meta http-equiv="X-UA-Compatible" content="chrome=1">
Sau khi bạn thêm một trong các thành phần này vào trang web, các trang sẽ được hiển thị bằng Chrome Frame nếu Chrome Frame được cài đặt trên máy của người dùng.
Lời nhắc về Khung Google Chrome
Bạn có thể quyết định ngừng hỗ trợ hoàn toàn các trình duyệt cũ vì nhiều lý do, bao gồm:
- Trang web của bạn yêu cầu các tính năng hiện đại như video HTML5, canvas, WebGL hoặc CSS3
- Thời gian phát triển dành cho các trình duyệt cũ quá cao
- Tăng tốc thời gian phát triển các tính năng mới
Chrome Frame có thể cung cấp một chiến lược để tiếp tục cung cấp cho người dùng trình duyệt cũ một cách để vẫn sử dụng trang web của bạn.
Chrome Frame truyền thông tin về việc có sẵn bằng cách mở rộng tiêu đề Tác nhân người dùng của máy chủ bằng chuỗi "chromeframe". Để biết thêm thông tin, hãy xem phần Tác nhân người dùng Chrome Frame.
Sử dụng tính năng phát hiện phía máy chủ để tìm mã thông báo này và xác định xem có thể sử dụng Chrome Frame cho một trang hay không. Nếu có Chrome Frame, bạn có thể chèn thẻ meta bắt buộc; nếu không, bạn có thể chuyển hướng người dùng đến một trang giải thích cách cài đặt Chrome Frame. Thay vì sử dụng tính năng đánh hơi phía máy chủ, bạn có thể sử dụng tập lệnh CFInstall.js để phát hiện Chrome Frame và nhắc người dùng cài đặt trình bổ trợ mà không cần khởi động lại trình duyệt. Việc sử dụng tập lệnh rất đơn giản. Bạn chỉ cần thêm thẻ tập lệnh và các kiểu không bắt buộc vào trang như trong ví dụ sau:
<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>
Tự nhắc nhở
Bạn cũng có thể tự tạo trang đích hoặc lớp. Chuyển người dùng đến URL này
http://www.google.com/chromeframe/
có thể được đặt trong một IFRAME.
Thêm một tham số chuyển hướng để đưa người dùng trở lại trang web của bạn sau khi cài đặt xong:
http://www.google.com/chromeframe/?redirect=http://www.google.com/ Thay vì chuyển đến trang đích của Chrome Frame, bạn cũng có thể chuyển người dùng trực tiếp đến EULA, nhờ đó tiết kiệm được một bước trong quá trình cài đặt. http://www.google.com/chromeframe/eula.html
Không cần quyền quản trị
Người dùng có thể cài đặt Chrome Frame mà không cần có đặc quyền quản trị trên máy của họ.
Hãy thêm tham số user=true để cho phép cài đặt Chrome Frame ở cấp người dùng, như sau:
http://www.google.com/chromeframe/?user=true
Cài đặt cho doanh nghiệp
Các doanh nghiệp có thể triển khai Chrome Frame trên toàn công ty bằng trình cài đặt MSI có thể tải xuống tại đây: http://www.google.com/chromeframe/eula.html?msi=true.
Để biết thêm thông tin về Chrome và các bản triển khai dành cho doanh nghiệp, hãy xem http://www.chromium.org/administrators.
Nghĩa dưỡng
Nhiều trang web lớn như yahoo.com, wordpress.com và một số tài sản của Google đã sử dụng Google Chrome Frame. Ngoài việc mang đến cho người dùng trải nghiệm web hiện đại hơn trên nhiều trang web, Chrome Frame cũng cải thiện đáng kể thời gian tải ban đầu. Bạn có thể kiểm tra xem Chrome Frame có giúp trang web của bạn hiển thị nhanh hơn hay không bằng cách truy cập vào webpagetest.org và chọn Chrome Frame làm trình duyệt.
Thông tin khác
Để biết thêm thông tin, hãy xem Hướng dẫn bắt đầu sử dụng hoặc xem video này tại Google IO 2011