Chrome 88-এ নতুন

পিট লেপেজ

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

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

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

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

ম্যানিফেস্ট V3

Chrome 88 এখন Manifest V3 এর সাথে নির্মিত এক্সটেনশনগুলিকে সমর্থন করে এবং আপনি সেগুলি Chrome ওয়েব স্টোরে আপলোড করতে পারেন৷ ম্যানিফেস্ট V3 হল একটি নতুন এক্সটেনশন প্ল্যাটফর্ম, যা ডিফল্টরূপে Chrome এক্সটেনশনগুলিকে আরও সুরক্ষিত, পারফরম্যান্স এবং গোপনীয়তা রক্ষা করে।

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

এটি পটভূমির পৃষ্ঠাগুলির প্রতিস্থাপন হিসাবে পরিষেবা কর্মীদের পরিচয় করিয়ে দেয়। যেহেতু পরিষেবা কর্মীরা প্রয়োজনের সময় শুধুমাত্র মেমরিতে থাকেন, তাই এক্সটেনশনগুলি কম সিস্টেম সংস্থান ব্যবহার করবে।

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

সম্পূর্ণ বিবরণের জন্য developer.chrome.com দেখুন এবং কীভাবে আপনার বর্তমান এক্সটেনশনটি Manifest V3-এ স্থানান্তরিত করবেন।


CSS aspect-ratio সম্পত্তি

সাধারণত, শুধুমাত্র কিছু উপাদানের একটি আকৃতির অনুপাত থাকে, যেমন ছবি। তাদের জন্য, যদি শুধুমাত্র প্রস্থ বা উচ্চতা নির্দিষ্ট করা হয়, অন্যটি স্বয়ংক্রিয়ভাবে অন্তর্নিহিত আকৃতির অনুপাত ব্যবহার করে গণনা করা হয়।

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

Chrome 88-এ, aspect-ratio বৈশিষ্ট্য আপনাকে স্পষ্টভাবে একটি আকৃতির অনুপাত নির্দিষ্ট করতে দেয়, একটি অনুরূপ আচরণ সক্ষম করে।

.square {
  aspect-ratio: 1 / 1;
}

আপনি এটি ব্রাউজারে সমর্থিত কিনা তা পরীক্ষা করতে প্রগতিশীল বর্ধন ব্যবহার করতে পারেন এবং প্রয়োজনে একটি ফলব্যাক প্রয়োগ করতে পারেন। তারপর, নতুন CSS 4 not সিলেক্টর দিয়ে, আপনি আপনার কোডকে একটু ক্লিনার করতে পারেন!

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

কল করার জন্য জেন সিমন্সকে ধন্যবাদ এটি সর্বশেষ সাফারি টেকনিক্যাল প্রিভিউতে সমর্থিত, তাই আমাদের শীঘ্রই এটি সাফারিতে দেখা উচিত! এবং এটি কর্মে দেখতে Una এর ডেমো দেখুন।

চেইন করা JS টাইমারের ভারী থ্রটলিং

Chrome 88 বিশেষ পরিস্থিতিতে লুকানো পৃষ্ঠাগুলির জন্য চেইনযুক্ত জাভাস্ক্রিপ্ট টাইমারগুলি ভারীভাবে থ্রোটল করবে। এটি সিপিইউ ব্যবহার কমাবে, যা ব্যাটারির ব্যবহারও কমিয়ে দেবে। কিছু এজ কেস রয়েছে যেখানে এটি আচরণ পরিবর্তন করবে, তবে টাইমারগুলি প্রায়শই ব্যবহার করা হয় যেখানে একটি ভিন্ন API আরও দক্ষ এবং আরও নির্ভরযোগ্য হবে।

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

বিশ্বস্ত ওয়েব কার্যকলাপে বিলিং চালান

আপনি এখন নতুন ডিজিটাল গুডস API ব্যবহার করে ডিজিটাল পণ্য এবং সদস্যতা বিক্রি করতে আপনার বিশ্বস্ত ওয়েব কার্যকলাপে প্লে বিলিং ব্যবহার করতে পারেন। এটি Android-এ Chrome 88-এ একটি অরিজিন ট্রায়াল হিসাবে উপলব্ধ, এবং আমরা আশা করি এটি পরবর্তী রিলিজে ChromeOS-এ অরিজিন ট্রায়াল প্রসারিত করবে।

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

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

আদ্রিয়ানা এবং আন্দ্রে তাদের ক্রোম ডেভ সামিট টক-এ আরও বিশদে যান - প্লে-তে ওয়েব অ্যাপের জন্য নতুন কী , অথবা ডক্স দেখুন।

এবং আরো

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

  • এইচটিএমএল স্ট্যান্ডার্ডে পরিবর্তনের সাথে মানিয়ে নিতে, target="_blank" সহ অ্যাঙ্কর ট্যাগগুলি এখন ডিফল্টরূপে rel="noopener" বোঝাবে, এটি ট্যাব-ন্যাপিং আক্রমণ প্রতিরোধে সহায়তা করে।
  • বেশিরভাগ অপারেটিং সিস্টেম ডিফল্টরূপে মাউস ত্বরণ সক্ষম করে, তবে এটি কিছু গেমের জন্য সমস্যা হতে পারে। Chrome 88-এ, পয়েন্টার লক API আপনাকে মাউস ত্বরণ অক্ষম করতে দেয়। এর অর্থ হল একই শারীরিক গতি, ধীর বা দ্রুত, একই ঘূর্ণনের ফলাফল, একটি ভাল গেমিং অভিজ্ঞতা এবং উচ্চতর নির্ভুলতা প্রদান করে।
  • এবং addEventListener এখন একটি বিকল্প হিসাবে একটি Abort সংকেত নেয় । abort() কল করা সেই ইভেন্ট শ্রোতাকে সরিয়ে দেয়, যখন আর প্রয়োজন হয় না তখন ইভেন্ট শ্রোতাদের বন্ধ করা সহজ করে তোলে।

আরও পড়া

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

সদস্যতা

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

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