Chrome 100-এ নতুন

পিট লেপেজ

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

আমি পিট লেপেজ । চলুন ডুব দিয়ে দেখি Chrome 100-এ ডেভেলপারদের জন্য নতুন কী আছে।

ক্রোম 100

যখন ব্রাউজারগুলি প্রথম সংস্করণ 10 এ পৌঁছেছিল, তখন কয়েকটি সমস্যা ছিল কারণ প্রধান সংস্করণ নম্বর এক সংখ্যা থেকে দুটিতে চলে গিয়েছিল। আশা করি, আমরা কিছু জিনিস শিখেছি যা দুই অঙ্ক থেকে তিনে রূপান্তর সহজ করবে।

ক্রোম এবং ফায়ারফক্স লোগো

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

এর ফলে কয়েকটি রিপোর্ট করা সমস্যা হয়েছে, যার অনেকগুলি ইতিমধ্যেই ঠিক করা হয়েছে৷ কিন্তু, আমরা এখনও আপনার সাহায্য প্রয়োজন.

  • আপনি যদি একজন ওয়েবসাইট রক্ষণাবেক্ষণকারী হন, তাহলে Chrome এবং Firefox 100 দিয়ে আপনার ওয়েবসাইট পরীক্ষা করুন।
  • আপনি যদি একটি ব্যবহারকারী-এজেন্ট পার্সিং লাইব্রেরি তৈরি করেন, তাহলে 100-এর চেয়ে বড় এবং সমান পার্স সংস্করণে পরীক্ষা যোগ করুন।

আরও বিশদ বিবরণের জন্য web.dev- এ প্রধান সংস্করণ 100-এ পৌঁছানোর জন্য Chrome এবং Firefox শীঘ্রই দেখুন।

100টি দুর্দান্ত ওয়েব মুহূর্ত

100 Cool Web Moments প্রোমো ইমেজ

ওয়েবের বৃদ্ধি দেখতে এবং গত 100টি ক্রোম রিলিজে আপনার তৈরি করা সমস্ত আশ্চর্যজনক জিনিস দেখতে পাওয়া উত্তেজনাপূর্ণ। আমরা ভেবেছিলাম মেমরি লেনের নিচে ঘুরে বেড়ানো এবং গত 14 বছরে ঘটে যাওয়া #100CoolWebMoments উদযাপন করা মজাদার হবে।

আমাদের বলুন কোন মুহূর্তগুলো আপনি সবচেয়ে বেশি পছন্দ করেছেন। যদি আমরা কিছু মিস করে থাকি (এবং আমরা নিশ্চিত যে আমাদের আছে), #100CoolWebMoments সহ আমাদের @Chromiumdev-কে টুইট করুন। উপভোগ করুন!

হ্রাসকৃত ব্যবহারকারী-এজেন্ট স্ট্রিং

ব্যবহারকারী এজেন্টের কথা বলতে গেলে, Chrome 100 হবে শেষ সংস্করণ যা ডিফল্টরূপে একটি অপরিবর্তিত ব্যবহারকারী-এজেন্ট স্ট্রিংকে সমর্থন করবে৷ এটি নতুন User-Agent Client Hints API এর সাথে User-Agent স্ট্রিং ব্যবহার প্রতিস্থাপন করার একটি কৌশলের অংশ।

Chrome 101 থেকে শুরু করে, ব্যবহারকারী এজেন্ট ধীরে ধীরে হ্রাস করা হবে।

কি সরানো হবে এবং কখন সে সম্পর্কে আরও জানতে [Chromium ব্লগ][crblog]-এ ব্যবহারকারী এজেন্ট রিডাকশন অরিজিন ট্রায়াল এবং তারিখগুলি দেখুন৷

মাল্টি-স্ক্রিন উইন্ডো প্লেসমেন্ট API

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

মাল্টি-স্ক্রিন উইন্ডো প্লেসমেন্ট API ব্যবহারকারীর মেশিনের সাথে সংযুক্ত ডিসপ্লেগুলি গণনা করা এবং নির্দিষ্ট স্ক্রিনে উইন্ডোগুলি স্থাপন করা সম্ভব করে তোলে।

window.screen.isExtended এর মাধ্যমে ডিভাইসের সাথে একাধিক স্ক্রীন সংযুক্ত আছে কিনা তা আপনি দ্রুত পরীক্ষা করতে পারেন।

const isExtended = window.screen.isExtended;
// returns true/false

কিন্তু, মূল কার্যকারিতা window.getScreenDetails() এ রয়েছে, যা সংযুক্ত ডিসপ্লে সম্পর্কে বিশদ প্রদান করে।

const x = await window.getScreenDetails();
// returns
// {
//    currentScreen: {...}
//    oncurrentscreenchange: null
//    onscreenschange: null
//    screens: [{...}, {...}]
// }

উদাহরণস্বরূপ, আপনি প্রাথমিক স্ক্রীন নির্ধারণ করতে পারেন, তারপর সেই ডিসপ্লেতে একটি উপাদান পূর্ণ স্ক্রীন করতে requestFullscreen() ব্যবহার করুন।

try {
  const screens = await window.getScreenDetails();
  const primary = screens
         .filter((screen) => screen.primary)[0]
  await elem.requestFullscreen({ screen: primary });
} catch (err) {
  console.error(err);
}

এবং এটি পরিবর্তনের জন্য শোনার একটি উপায় প্রদান করে, উদাহরণস্বরূপ যদি একটি নতুন ডিসপ্লে প্লাগ ইন করা হয় বা সরানো হয়, রেজোলিউশন পরিবর্তন হয়, ইত্যাদি।

const screens = await window.getScreenDetails();
let numScreens = screens.screens.length;
screens.addEventListener('screenschange', (event) => {
  if (screens.screens.length !== numScreens) {
    console.log('Screen count changed');
    numScreens = screens.screens.length;
  }
});

আরও গভীরে ডুব দেওয়ার জন্য web.dev- এ মাল্টি-স্ক্রিন উইন্ডো প্লেসমেন্ট API-এর সাহায্যে একাধিক ডিসপ্লে পরিচালনা করা টমের আপডেট করা নিবন্ধটি দেখুন।

এবং আরো!

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

HID ডিভাইসগুলির জন্য একটি নতুন forget() পদ্ধতি রয়েছে যা আপনাকে একটি HID ডিভাইসের অনুমতি প্রত্যাহার করতে দেয় যা একজন ব্যবহারকারীর দ্বারা দেওয়া হয়েছিল৷

// Request an HID device.
const [device] = await navigator.hid.requestDevice(opts);


// Then later, revoke permission to the device.
await device.forget();

এবং WebNFC-এর জন্য, makeReadOnly() পদ্ধতি আপনাকে NFC ট্যাগগুলিকে স্থায়ীভাবে শুধুমাত্র-পঠন করতে দেয়।

const ndef = new NDEFReader();
await ndef.makeReadOnly();

আরও পড়া

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

সাবস্ক্রাইব

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

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