Chrome 89 এখন স্থিতিশীল অবস্থায় চলে আসছে।
আপনার যা জানা দরকার তা এখানে:
- WebHID, WebNFC, এবং Web Serial তাদের অরিজিন ট্রায়াল শেষ করেছে এবং এখন স্টেবলে উপলব্ধ।
- PWA ইনস্টলেবিলিটি চেক এড়িয়ে যাওয়ার জন্য কিছু ডেভেলপার যে ফাঁকটি ব্যবহার করেছিল, আমরা তা বন্ধ করছি।
- ডেস্কটপে ওয়েব শেয়ার এবং ওয়েব শেয়ার টার্গেট আসে।
- এবং, আরও অনেক কিছু আছে।
আমি পিট লেপেজ , কাজ করছি, আর বাসা থেকে শুটিং করছি, চলুন একটু ভেতরে ঢুকে দেখি Chrome 89-এ ডেভেলপারদের জন্য নতুন কী আছে!
WebHID, WebNFC, এবং ওয়েব সিরিয়াল
WebHID, WebNFC, এবং Web Serial নিয়ে আমি সত্যিই উত্তেজিত। এগুলো ব্যবহারকারীদের জন্য এমন নতুন পরিস্থিতির দ্বার উন্মোচন করে যা আগে কখনও সম্ভব ছিল না, বাস্তব বিশ্বের হার্ডওয়্যারের সাথে ইন্টারঅ্যাক্ট করে।
এগুলো নির্মাতাদের মজাদার, অদ্ভুত হার্ডওয়্যার, ভিডিও কনফারেন্সিং অ্যাপের সাথে সংযোগ স্থাপনের সুযোগ করে দেয়, বিশেষায়িত স্পিকারে ডেডিকেটেড টেলিফোনি বোতাম ব্যবহার করে। অথবা অন্যান্য ব্যবহারের ক্ষেত্রেও।
ওয়েব সিরিয়াল এবং প্রায় ৬০ লাইন কোড ব্যবহার করে, @AndreBan একটি পৃষ্ঠা তৈরি করেছেন যা রাস্পবেরি পাই পিকোতে মাইক্রোপাইথন REPL এর সাথে ইন্টারঅ্যাক্ট করতে পারে। Espruino তাদের ওয়েব ভিত্তিক IDE তেও ওয়েব সিরিয়াল ব্যবহার করে।
CDS 2019-এ, ফ্রাঁসোয়া ওয়েব NFC ব্যবহার করে একটি মজাদার, মেমোরি-স্টাইলের গেম লিখেছিলেন। আপনাকে ফোনটি সঠিক কার্ডে, সঠিক ক্রমে ট্যাপ করতে হয়েছিল।
আর আমার প্রিয়, @bramus WebHID ব্যবহার করে StreamDeck এর সাথে সংযোগ স্থাপন করেছে, যার ফলে Daft Punk ড্রাম প্যাড তৈরি করেছে। যদি আপনার StreamDeck না থাকে, তাহলে YouTube এ তার ডেমো ভিডিওটি দেখুন এবং GitHub এ কোডটি দেখুন।
আপনার সাইটটি আপনার হার্ডওয়্যারের সাথে ইন্টারঅ্যাক্ট করে, অথবা আপনার হার্ডওয়্যার যা অনেক সাইটের সাথে ইন্টারঅ্যাক্ট করতে পারে, ব্যবহারকারীরা জিতেন কারণ তাদের বিশেষ ড্রাইভার বা সফ্টওয়্যার ইনস্টল করার প্রয়োজন হয় না।
আপনি web.dev/devices ওয়েবসাইটে সংযোগ করতে পারেন এমন কিছু ডিভাইস সম্পর্কে আরও জানতে পারেন, অথবা WebHID , WebNFC এবং Web Serial-এর জন্য শুরু করার নির্দেশিকাগুলি দেখতে পারেন।
PWA ইনস্টলযোগ্যতার মানদণ্ডে পরিবর্তন
শুরু থেকেই প্রোগ্রেসিভ ওয়েব অ্যাপ ইনস্টল করার মানদণ্ডের একটি গুরুত্বপূর্ণ অংশ ছিল অফলাইন সাপোর্ট। অন্যান্য ইনস্টল করা অ্যাপের মতো, ব্যবহারকারীরা আশা করেন যে এটি নির্ভরযোগ্যভাবে কাজ করবে। এটি দ্রুত হওয়া উচিত, এবং তারা কখনই অফলাইন ডাইনো দেখতে পাবেন না!
এই বছরের শেষের দিকে, আমরা এমন একটি ফাঁক বন্ধ করার পরিকল্পনা করছি যা কিছু সাইটকে অফলাইন অভিজ্ঞতা ছাড়াই ইনস্টলযোগ্যতার মানদণ্ডে উত্তীর্ণ হতে সাহায্য করেছিল। যদি আপনার PWA-এর ইতিমধ্যেই একটি অফলাইন অভিজ্ঞতা থাকে, তাহলে আপনার সবকিছু ঠিক আছে। কোনও পদক্ষেপ নেওয়ার প্রয়োজন নেই, তবে যদি না থাকে, তাহলে এখনই একটি যোগ করার সময়!
Chrome 89 থেকে শুরু করে, যদি আপনার PWA অফলাইনে থাকাকালীন কোনও বৈধ প্রতিক্রিয়া প্রদান না করে, তাহলে আপনি DevTools-এ Issues ট্যাবের অধীনে একটি সতর্কতা দেখতে পাবেন এবং Lighthouse একটি সমস্যা নির্দেশ করবে। এবং, এই বছরের শেষের দিকে, Chrome 93-তে এনফোর্সমেন্ট শুরু হবে।
আপনি কী ধরণের অফলাইন অভিজ্ঞতা প্রদান করতে চান তা আপনি নিজেই সিদ্ধান্ত নিতে পারেন। আদর্শভাবে, আপনার যতটা সম্ভব অভিজ্ঞতা প্রদান করা উচিত। তবে, কমপক্ষে, এটি একটি অফলাইন ফলব্যাক পৃষ্ঠার মতোই সহজ হতে পারে।
এই পরিবর্তন সম্পর্কে এবং আমরা কেন এটি করছি সে সম্পর্কে আরও বিস্তারিত জানতে আপনি "প্রোগ্রেসিভ ওয়েব অ্যাপ অফলাইন সাপোর্ট ডিটেকশন উন্নত করুন" বিভাগে যেতে পারেন।
কোথা থেকে শুরু করবেন তা নিশ্চিত না হলে, Workbox দেখুন। এতে এমন কিছু লাইব্রেরি রয়েছে যা আপনার PWA-এর জন্য একজন উৎপাদন-প্রস্তুত পরিষেবা কর্মীকে শক্তি দিতে পারে। অথবা, একটি সাধারণ অফলাইন ফলব্যাক পৃষ্ঠার জন্য, "একটি অফলাইন ফলব্যাক পৃষ্ঠা তৈরি করুন" নিবন্ধটিতে আপনার প্রয়োজনীয় সমস্ত কোড রয়েছে এবং আপনি সরাসরি আপনার সাইটে কপি এবং পেস্ট করতে পারেন।
ডেস্কটপের জন্য ওয়েব শেয়ার এবং ওয়েব শেয়ার টার্গেট
যদি আপনার সাইট ব্যবহারকারীদের ফাইল তৈরি, সম্পাদনা বা ইন্টারঅ্যাক্ট করার অনুমতি দেয়, তাহলে আপনার ওয়েব শেয়ার এবং ওয়েব শেয়ার টার্গেট API ব্যবহার করা উচিত। এই API গুলি কিছু সময়ের জন্য মোবাইলে উপলব্ধ ছিল কিন্তু এখন ChromeOS এবং Windows এ সমর্থিত।
ওয়েব শেয়ার ব্যবহারকারীদের তাদের ডিভাইসে ইনস্টল করা অন্যান্য অ্যাপে ফাইল বা ডেটা পাঠানো সম্ভব করে তোলে, উদাহরণস্বরূপ, গুগল ফটো থেকে টুইটারে একটি ছবি শেয়ার করা।
async function share(title, text, url) {
try {
await navigator.share({title, text, url});
return true;
} catch (ex) {
console.error('Share failed', ex);
return false;
}
}
অন্যান্য অ্যাপ যাতে আপনার সাথে ফাইল বা ডেটা শেয়ার করতে পারে, তার জন্য টার্গেট হিসেবে নিবন্ধন করতে, আপনাকে ওয়েব শেয়ার টার্গেট API ব্যবহার করতে হবে।
"share_target": {
"action": "/?share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"files": [
{
"name": "file",
"accept": ["image/*"],
},
],
},
},
শুরু করার নির্দেশিকাগুলির জন্য "Integrate with the OS sharing UI with the Web Share API" এবং "Resecing with the Web Share Target API" চেক করুন।
এবং আরও অনেক কিছু
এবং অবশ্যই আরও অনেক কিছু আছে।
ক্রোম এখন জাভাস্ক্রিপ্ট মডিউলের মধ্যে শীর্ষ স্তরের await অনুমতি দেয়।
ব্যবহারকারীদের বিভ্রান্তি কমাতে, আমরা ইনস্টলযোগ্য PWA-এর জন্য অমনিবক্সে দেখানো আইকনটি আপডেট করেছি।
এবং, যদি আপনি ChromeOS-এর জন্য প্লে স্টোরে আপনার PWA উপলব্ধ করার জন্য একটি বিশ্বস্ত ওয়েব অ্যাক্টিভিটি ব্যবহার করে থাকেন, তাহলে আপনি ডিজিটাল গুডস API অরিজিন ট্রায়ালের জন্য সাইন আপ করতে পারেন।
আরও পড়া
এটি শুধুমাত্র কিছু গুরুত্বপূর্ণ বিষয় নিয়ে আলোচনা করবে। Chrome 89-এর পরিবর্তনগুলি সম্পর্কে আরও জানুন।
- Chrome DevTools (89) এ নতুন কী আছে
- Chrome 89 অবচয় এবং অপসারণ
- Chrome 88 এর জন্য ChromeStatus.com আপডেট
- Chrome 88-এ জাভাস্ক্রিপ্টে নতুন কী আছে
- Chromium উৎস সংগ্রহস্থল পরিবর্তন তালিকা
সাবস্ক্রাইব
আমাদের ভিডিওগুলির সাথে আপডেট থাকতে চান, তাহলে আমাদের Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং আমরা যখনই একটি নতুন ভিডিও লঞ্চ করব তখন আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন।