এই পৃষ্ঠাটি Cloud Translation API অনুবাদ করেছে।

Chrome 89-এ নতুন

Pete LePage

Chrome 89 এখন স্থিতিশীল হতে শুরু করছে।

আপনার যা জানা দরকার তা এখানে:

WebHID, WebNFC, এবং ওয়েব সিরিয়াল তাদের মূল পরীক্ষা থেকে স্নাতক হয়েছে এবং এখন স্থিতিশীল অবস্থায় উপলব্ধ।
PWA ইনস্টলেবিলিটি চেক স্কার্ট করার জন্য কিছু ডেভেলপার ব্যবহার করে আমরা একটি লুফহোল বন্ধ করছি।
ওয়েব শেয়ার, এবং ওয়েব শেয়ার টার্গেট ডেস্কটপে আসে।
এবং, আরও অনেক কিছু আছে।

আমি Pete LePage , কাজ করছি, এবং বাড়ি থেকে শুটিং করছি, আসুন আমরা ডুব দিয়ে দেখি Chrome 89-এ ডেভেলপারদের জন্য নতুন কী আছে!

ওয়েবএইচআইডি, ওয়েবএনএফসি এবং ওয়েব সিরিয়াল

আমি WebHID, WebNFC, এবং ওয়েব সিরিয়াল সম্পর্কে সত্যিই উত্তেজিত। তারা বাস্তব বিশ্বের হার্ডওয়্যারের সাথে ইন্টারঅ্যাক্ট করে ব্যবহারকারীদের জন্য নতুন পরিস্থিতি উন্মুক্ত করে যা আগে কখনও সম্ভব ছিল না।

তারা নির্মাতাদের মজাদার, অদ্ভুত হার্ডওয়্যার, ভিডিও কনফারেন্সিং অ্যাপের সাথে সংযোগ করার অনুমতি দেয় বিশেষ স্পিকারে ডেডিকেটেড টেলিফোনি বোতাম ব্যবহার করার জন্য। অথবা অন্য কোনো ব্যবহার ক্ষেত্রে সংখ্যা.

ওয়েব সিরিয়াল এবং প্রায় 60 লাইন কোড ব্যবহার করে, @AndreBan একটি পৃষ্ঠা তৈরি করেছে যা একটি Raspberry Pi Pico- এ MicroPython REPL-এর সাথে ইন্টারঅ্যাক্ট করতে পারে। Espruino তাদের ওয়েব ভিত্তিক IDE- তেও ওয়েব সিরিয়াল ব্যবহার করে।

CDS 2019-এ, Francois ওয়েব NFC ব্যবহার করে একটি মজার, মেমরি-স্টাইলের গেম লিখেছেন। আপনাকে সঠিক ক্রমে ফোনটি ডান কার্ডে ট্যাপ করতে হবে।

ড্যাফ্ট পাঙ্ক ড্রাম প্যাড সহ স্ট্রিমডেক

এবং আমার প্রিয়, @bramus একটি Daft Punk ড্রাম প্যাড তৈরি করে একটি StreamDeck এর সাথে সংযোগ করতে WebHID ব্যবহার করেছে৷ আপনার যদি স্ট্রিমডেক না থাকে তবে ইউটিউবে তার ডেমো ভিডিও দেখুন এবং GitHub-এ কোডটি দেখুন।

আপনার সাইট যা আপনার হার্ডওয়্যারের সাথে ইন্টারঅ্যাক্ট করে বা আপনার হার্ডওয়্যার যা অনেক সাইটের সাথে ইন্টারঅ্যাক্ট করতে পারে, ব্যবহারকারীরা জয়ী হয় কারণ তাদের বিশেষ ড্রাইভার বা সফ্টওয়্যার ইনস্টল করার প্রয়োজন নেই।

আপনি web.dev/devices- এ সংযোগ করতে পারেন এমন কিছু ডিভাইস সম্পর্কে আরও জানতে পারেন, অথবা WebHID , WebNFC এবং ওয়েব সিরিয়ালের জন্য শুরু করার নির্দেশিকাগুলি দেখুন।

PWA ইনস্টলেবিলিটির মানদণ্ড পরিবর্তন হয়

অফলাইন সমর্থন শুরু থেকেই ইনস্টল করার জন্য প্রগতিশীল ওয়েব অ্যাপের মানদণ্ডের একটি মূল অংশ। অন্যান্য ইনস্টল করা অ্যাপের মতো, ব্যবহারকারীরা আশা করেন এটি নির্ভরযোগ্যভাবে কাজ করবে। এটি দ্রুত হওয়া উচিত, এবং, তাদের কখনই অফলাইন ডিনো দেখা উচিত নয়!

এই বছরের শেষের দিকে, আমরা একটি ফাঁকা পথ বন্ধ করার পরিকল্পনা করেছি যা কিছু সাইটকে অফলাইন অভিজ্ঞতা ছাড়াই ইনস্টল করার মানদণ্ড অতিক্রম করতে দেয়৷ যদি আপনার PWA এর আগে থেকেই অফলাইন অভিজ্ঞতা থাকে, আপনি সম্পূর্ণ প্রস্তুত। কোন পদক্ষেপের প্রয়োজন নেই, কিন্তু, যদি আপনি না করেন, এটি একটি যোগ করার সময়!

Chrome 89 থেকে শুরু করে, যদি অফলাইনে আপনার PWA একটি বৈধ প্রতিক্রিয়া না দেয়, তাহলে আপনি ইস্যু ট্যাবের অধীনে DevTools-এ একটি সতর্কতা দেখতে পাবেন এবং Lighthouse ইঙ্গিত করবে যে একটি সমস্যা আছে। এবং, এই বছরের শেষের দিকে ক্রোম 93-এ এনফোর্সমেন্ট শুরু হবে।

DevTools কনসোলে সতর্কতা বার্তা দেখাচ্ছে। — Chrome DevTools কনসোলে সতর্কতা বার্তা।

DevTools অ্যাপ্লিকেশান ট্যাবে সতর্কতা বার্তা দেখাচ্ছে৷ — অ্যাপ্লিকেশান ট্যাবে সতর্কতা বার্তা > ম্যানিফেস্ট > ইনস্টলেবিলিটি৷

আপনি কি ধরনের অফলাইন অভিজ্ঞতা প্রদান করতে চান তা নির্ধারণ করতে পারেন। আদর্শভাবে, আপনার যতটা সম্ভব আপনার অভিজ্ঞতা প্রদান করা উচিত। কিন্তু, সর্বনিম্ন, এটি একটি অফলাইন ফলব্যাক পৃষ্ঠার মতো সহজ হতে পারে৷

আপনি পরিবর্তন সম্পর্কে আরও বিশদ জানতে পারেন, এবং কেন আমরা উন্নতিশীল প্রগতিশীল ওয়েব অ্যাপ অফলাইন সমর্থন সনাক্তকরণে এটি তৈরি করছি।

আপনি কোথায় শুরু করবেন তা নিশ্চিত না হলে, ওয়ার্কবক্স দেখুন। এটিতে লাইব্রেরির একটি সেট রয়েছে যা আপনার PWA এর জন্য একটি উত্পাদন-প্রস্তুত পরিষেবা কর্মীকে শক্তি দিতে পারে। অথবা, একটি সাধারণ অফলাইন ফলব্যাক পৃষ্ঠার জন্য, একটি অফলাইন ফলব্যাক পৃষ্ঠা তৈরি করুন নিবন্ধটিতে আপনার প্রয়োজনীয় সমস্ত কোড রয়েছে এবং আপনি সরাসরি আপনার সাইটে কপি এবং পেস্ট করতে পারেন৷

ডেস্কটপের জন্য ওয়েব শেয়ার এবং ওয়েব শেয়ার টার্গেট

যদি আপনার সাইট ব্যবহারকারীদের ফাইল তৈরি, সম্পাদনা বা ইন্টারঅ্যাক্ট করার অনুমতি দেয়, তাহলে আপনার ওয়েব শেয়ার এবং ওয়েব শেয়ার টার্গেট API ব্যবহার করা উচিত। এই APIগুলি কিছু সময়ের জন্য মোবাইলে উপলব্ধ ছিল কিন্তু এখন ChromeOS এবং Windows এ সমর্থিত৷

ওয়েব শেয়ার ব্যবহারকারীদের জন্য তাদের ডিভাইসে অন্যান্য ইনস্টল করা অ্যাপে ফাইল বা ডেটা পাঠানো সম্ভব করে তোলে, উদাহরণস্বরূপ, Google ফটো থেকে টুইটারে একটি ছবি শেয়ার করা।

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/*"],
      },
    ],
  },
},

ওয়েব শেয়ার এপিআই এর সাথে ওএস শেয়ারিং UI এর সাথে ইন্টিগ্রেট চেক করুন এবং গাইড শুরু করার জন্য ওয়েব শেয়ার টার্গেট API এর সাথে শেয়ার করা ডেটা গ্রহণ করুন ।

এবং আরো

এবং অবশ্যই আরো অনেক আছে.

Chrome এখন জাভাস্ক্রিপ্ট মডিউলের মধ্যে শীর্ষ স্তরের await অনুমতি দেয়।

ব্যবহারকারীদের বিভ্রান্তি কমাতে, আমরা ইনস্টলযোগ্য PWA-এর জন্য বহুউপযোগী ক্ষেত্রে দেখানো আইকন আপডেট করেছি।

এবং, আপনি যদি ChromeOS-এর জন্য প্লে স্টোরে আপনার PWA উপলব্ধ করতে একটি বিশ্বস্ত ওয়েব অ্যাক্টিভিটি ব্যবহার করে থাকেন, তাহলে আপনি Digital Goods API অরিজিন ট্রায়ালের জন্য সাইন আপ করতে পারেন।

আরও পড়া

এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 89-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন৷

আমাদের ভিডিওগুলির সাথে আপ টু ডেট থাকতে চান, তারপরে আমাদের Chrome বিকাশকারী YouTube চ্যানেলে সদস্যতা নিন , এবং যখনই আমরা একটি নতুন ভিডিও চালু করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷

আমি পিট লেপেজ, এবং ক্রোম 90 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব যে Chrome-এ নতুন কী আছে!

ক্রেডিট

রাস্পবেরি পিস এবং আরডুইনোর ছবি আনস্প্ল্যাশে হ্যারিসন ব্রডবেন্টের করা