ভূমিকা
HTML5 নিম্নলিখিতগুলি সহ ওয়েব ডেভেলপার টুলবক্সে অনেকগুলি নতুন দুর্দান্ত সরঞ্জাম যুক্ত করে:
- নতুন, আরো শক্তিশালী JavaScript APIs
- ভেক্টর গ্রাফিক্সের জন্য SVG
- 2D এর জন্য ক্যানভাস এবং WebGL 3D গ্রাফিক্স সহ
- গোলাকার কোণ, গ্রেডিয়েন্ট ইত্যাদির জন্য CSS3।
- আরো অভিব্যক্তিপূর্ণ মার্কআপ
এই তালিকাটি অবশ্যই ব্যাপক নয়; ওয়েব প্ল্যাটফর্মটি ব্যাপকভাবে এগিয়েছে, এবং পুরানো ব্রাউজার এবং আধুনিক ব্রাউজারগুলির মধ্যে ব্যবধান প্রতিদিনই প্রশস্ত হচ্ছে।
প্রতিটি প্রধান ডেস্কটপ ব্রাউজার এখন সাম্প্রতিক সংস্করণে HTML5 এর উল্লেখযোগ্য অংশগুলিকে সমর্থন করে কিন্তু পুরানো ব্রাউজারগুলি আজকে সর্বশেষ এবং সর্বশ্রেষ্ঠ বৈশিষ্ট্যগুলি গ্রহণ করার জন্য একটি চ্যালেঞ্জ তৈরি করে৷
Google Chrome ফ্রেম আপনাকে আজ অত্যাধুনিক HTML5 পৃষ্ঠাগুলি তৈরি করতে সাহায্য করতে পারে যখন এখনও আপনার সামগ্রী দেখতে পুরানো ব্রাউজারগুলি ব্যবহার করে লোকেদের সক্ষম করে৷
গুগল ক্রোম ফ্রেম কি
গুগল ক্রোম ফ্রেম হল ইন্টারনেট এক্সপ্লোরারের একটি প্লাগইন যা গুগল ক্রোমের রেন্ডারিং ইঞ্জিন ব্যবহার করে সম্পূর্ণ ব্রাউজার ক্যানভাস রেন্ডার করতে সক্ষম করে। এটি সমস্ত HTML5 বৈশিষ্ট্যগুলিকে সমর্থন করে যা আপনি ক্রোমে খুঁজে পান অবিচ্ছিন্নভাবে ইন্টারনেট এক্সপ্লোরার ব্যবহারকারীর অভিজ্ঞতার সাথে একত্রিত৷ ক্রোম ফ্রেম ইন্টারনেট এক্সপ্লোরার 6, 7, 8 এবং 9-এর জন্য উপলব্ধ। IE6-টু-IE8-এর মতো পুরানো ব্রাউজারকে সমর্থন করার সময় Chrome ফ্রেম অবশ্যই আরও বেশি উপযোগী কিন্তু যদি আপনার, উদাহরণস্বরূপ, আপনার অ্যাপ্লিকেশনের জন্য WebGL প্রয়োজন হয়, যার জন্য Chrome ফ্রেম প্রয়োজন IE9 ব্যবহারকারীরাও উপযোগী হতে পারে।
HTML5 পলিফিল নতুন ব্রাউজারে রূপান্তরকে মসৃণ করার আরেকটি উপায় প্রদান করে। দুর্ভাগ্যবশত, তারা প্রতিটি বৈশিষ্ট্য অনুকরণ করতে পারে না, এবং তারা পুরানো ব্রাউজারগুলিতে আপনার পৃষ্ঠাকে ধীর করে দেয়, যা ইতিমধ্যেই নতুন প্রজন্মের তুলনায় আরও ধীর।
এমনকি আপনার সাইটের HTML5 বৈশিষ্ট্যের প্রয়োজন না থাকলেও, Chrome Frame ব্যবহার করলে এখনও আরও ভালো ব্যবহারকারীর অভিজ্ঞতা পাওয়া যাবে। যারা ইতিমধ্যেই এটি ইনস্টল করেছেন তাদের জন্য, রেন্ডারিং সাধারণত দ্রুত হয় এবং তারা পুরানো ব্রাউজারে সমর্থিত নয় এমন বৈশিষ্ট্যগুলিতে অ্যাক্সেস পেতে পারে৷ আপনি, অবশ্যই, এখনও তাদের মেশিনে Chrome ফ্রেম নেই এমন ব্যবহারকারীদের জন্য পুরানো ব্রাউজার সমর্থন করার সিদ্ধান্ত নিতে পারেন।
নির্বাচন করা
আপনি একটি HTML মেটাট্যাগ যোগ করে বা একটি HTTP হেডার ব্যবহার করে একটি পৃষ্ঠা রেন্ডার করতে Chrome ফ্রেম সক্ষম করতে পারেন৷ এই অত্যন্ত গুরুত্বপূর্ণ. এর অর্থ হল কোনো ব্যবহারকারীর Chrome Frame ইনস্টল করা থাকলে কোনো সাইট ভাঙবে না, কারণ সাইটটি প্লাগইন বা ডিফল্ট রেন্ডারিং ব্যবহার করার সম্পূর্ণ নিয়ন্ত্রণে রয়েছে। নিম্নলিখিত কোড স্নিপেটগুলি দেখায় যে কীভাবে একটি সাইট Chrome ফ্রেম দ্বারা রেন্ডার করা হতে পারে৷
বিকল্প 1: HTTP-হেডার (আপনি এটি আপনার HTTP সার্ভারে (যেমন অ্যাপাচি) কনফিগারেশনে যোগ করতে পারেন) :
X-UA-Compatible: chrome=1
বিকল্প 2: মেটা-ট্যাগ (শুধু এটি আপনার HTML <head> বিভাগে পেস্ট করুন)
<meta http-equiv="X-UA-Compatible" content="chrome=1">
একবার আপনি আপনার সাইটে এইগুলির যেকোন একটি যোগ করলে, ব্যবহারকারীর মেশিনে ইনস্টল করা থাকলে Chrome ফ্রেম ব্যবহার করে পৃষ্ঠাগুলি রেন্ডার করা হয়৷
গুগল ক্রোম ফ্রেমের জন্য অনুরোধ করা হচ্ছে
আপনি নিম্নলিখিত সহ অনেক কারণের জন্য পুরানো ব্রাউজারগুলির জন্য সমর্থন সম্পূর্ণরূপে অবমূল্যায়ন করার সিদ্ধান্ত নিতে পারেন:
- আপনার সাইটের জন্য HTML5 ভিডিও, ক্যানভাস, WebGL বা CSS3 এর মতো আধুনিক বৈশিষ্ট্যের প্রয়োজন
- পুরানো ব্রাউজারগুলিতে ব্যয় করা বিকাশের সময় খুব বেশি
- নতুন বৈশিষ্ট্যগুলির জন্য বিকাশের সময় ত্বরান্বিত করুন
ক্রোম ফ্রেম পুরানো ব্রাউজার ব্যবহারকারীদের এখনও আপনার সাইট ব্যবহার করার একটি উপায় প্রদান চালিয়ে যাওয়ার জন্য একটি কৌশল প্রদান করতে পারে।
ক্রোম ফ্রেম প্রেরণ করে যে এটি হোস্টের ব্যবহারকারী-এজেন্ট শিরোনামটিকে "ক্রোমফ্রেম" স্ট্রিং সহ প্রসারিত করে উপলব্ধ। আরও তথ্যের জন্য Chrome Frame User Agent দেখুন।
এই টোকেনটি সন্ধান করতে এবং একটি পৃষ্ঠার জন্য Chrome ফ্রেম ব্যবহার করা যেতে পারে কিনা তা নির্ধারণ করতে সার্ভার-সাইড সনাক্তকরণ ব্যবহার করুন৷ Chrome ফ্রেম উপস্থিত থাকলে, আপনি প্রয়োজনীয় মেটা ট্যাগ সন্নিবেশ করতে পারেন; যদি না হয়, আপনি ব্যবহারকারীদেরকে একটি পৃষ্ঠায় পুনঃনির্দেশ করতে পারেন যা ব্যাখ্যা করে কিভাবে Chrome Frame ইনস্টল করতে হয়। সার্ভার-সাইড স্নিফিংয়ের বিকল্প হিসাবে, আপনি ক্রোম ফ্রেম সনাক্ত করতে CFInstall.js স্ক্রিপ্ট ব্যবহার করতে পারেন এবং ব্যবহারকারীদের তাদের ব্রাউজার পুনরায় চালু না করে প্লাগ-ইন ইনস্টল করার জন্য অনুরোধ করতে পারেন। স্ক্রিপ্ট ব্যবহার করা সোজা। নিম্নলিখিত উদাহরণের মতো আপনার পৃষ্ঠায় স্ক্রিপ্ট ট্যাগ এবং ঐচ্ছিক শৈলী যোগ করুন:
<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>
নিজেকে প্রম্পট করুন
আপনি নিজে একটি ল্যান্ডিং পৃষ্ঠা বা স্তর তৈরি করার সিদ্ধান্ত নিতে পারেন। এই URL এ ব্যবহারকারীদের পাঠান
http://www.google.com/chromeframe/
যা একটি IFRAME এ রাখা যেতে পারে।
ইনস্টলেশন সম্পূর্ণ হওয়ার পরে ব্যবহারকারীদের আপনার সাইটে ফেরত পাঠাতে একটি পুনঃনির্দেশ পরামিতি যুক্ত করুন:
http://www.google.com/chromeframe/?redirect=http://www.google.com/ ক্রোম ফ্রেম ল্যান্ডিং পৃষ্ঠায় যাওয়ার পরিবর্তে, আপনি ব্যবহারকারীদের সরাসরি EULA-তে পাঠাতে পারেন এইভাবে এক ধাপ সংরক্ষণ ইনস্টলেশন প্রক্রিয়া। http://www.google.com/chromeframe/eula.html
কোন অ্যাডমিন-অধিকার প্রয়োজন
ব্যবহারকারীরা তাদের মেশিনে প্রশাসনিক সুবিধা ছাড়াই ক্রোম ফ্রেম ইনস্টল করতে পারেন৷
ক্রোম ফ্রেমের ইউজার লেভেল ইন্সটলেশন সক্ষম করতে user=true প্যারামিটার যোগ করুন, নিচের মত:
http://www.google.com/chromeframe/?user=true
এন্টারপ্রাইজ ইনস্টলেশন
এন্টারপ্রাইজগুলি MSI ইনস্টলার ব্যবহার করে ক্রোম ফ্রেম কোম্পানী জুড়ে স্থাপন করতে পারে যা এখানে ডাউনলোড করা যেতে পারে: http://www.google.com/chromeframe/eula.html?msi=true ।
Chrome এবং এন্টারপ্রাইজ স্থাপনার বিষয়ে আরও তথ্যের জন্য http://www.chromium.org/administrators দেখুন।
দত্তক
অনেক বড় ওয়েবসাইট যেমন yahoo.com , wordpress.com এবং বেশ কিছু Google বৈশিষ্ট্য গুগল ক্রোম ফ্রেম গ্রহণ করেছে। তাদের ব্যবহারকারীদের অনেক সাইটের জন্য আরও আধুনিক ওয়েব অভিজ্ঞতার অ্যাক্সেস দেওয়ার পাশাপাশি, Chrome ফ্রেম প্রাথমিক লোড সময়ের একটি উল্লেখযোগ্য উন্নতিও উপস্থাপন করে। webpagetest.org- এ গিয়ে এবং ব্রাউজার হিসেবে Chrome ফ্রেম নির্বাচন করে Chrome Frame আপনার সাইটকে দ্রুত রেন্ডারিং করতে সাহায্য করে কিনা তা পরীক্ষা করতে পারেন।
অধিক তথ্য
আরও তথ্যের জন্য শুরু করার নির্দেশিকা দেখুন বা Google IO 2011 থেকে এই ভিডিওটি দেখুন