Chrome 78-এ নতুন

পিট লেপেজ

Chrome 78 এখন চালু হচ্ছে!

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

CSS বৈশিষ্ট্য এবং মান API

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

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

আপনি যদি একটি রঙের জন্য একটি পরিবর্তনশীল ব্যবহার করেন, কিন্তু একটি মান হিসাবে একটি URL বরাদ্দ করেন, তবে নিয়মটি নীরবে বাতিল করা হবে। CSS বৈশিষ্ট্য এবং মান API এর সাথে, আপনি আপনার কাস্টম বৈশিষ্ট্যগুলির জন্য একটি প্রকার এবং ডিফল্ট ফলব্যাক মান নির্ধারণ করতে পারেন।

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

একটি সম্পত্তি নিবন্ধন করা window.CSS.registerProperty() কল করা এবং আপনি যে সম্পত্তির ধরণ নির্ধারণ করছেন তার নাম প্রদান করার মতোই সহজ, যদি এটি উত্তরাধিকার সূত্রে পাওয়া উচিত এবং এটির প্রাথমিক মান।

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

সম্পূর্ণ বিশদ বিবরণের জন্য web.dev-এ Houdini-এর নতুন API নিবন্ধ সহ স্যাম রিচার্ডের স্মার্ট কাস্টম বৈশিষ্ট্যগুলি দেখুন।

নতুন সেবা কর্মীরা

বাইট-ফর-বাইট চেকগুলি এখন importScripts() দ্বারা আমদানি করা পরিষেবা কর্মী স্ক্রিপ্টগুলির জন্য সঞ্চালিত হয়। অতীতে, একটি ইম্পোর্ট করা স্ক্রিপ্টে পরিবর্তনগুলি বাছাই করার জন্য একটি ইনস্টল করা পরিষেবা কর্মীকে বাধ্য করার একমাত্র উপায় ছিল আমদানি করা স্ক্রিপ্টের URL পরিবর্তন করা, সাধারণত হয় URL-এ সেমভার মান বা হ্যাশ যোগ করে।

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

Chrome 78 থেকে শুরু করে, প্রতিবার একটি শীর্ষ-স্তরের পরিষেবা কর্মী ফাইলের জন্য আপডেট চেক করা হলে, Chrome কোনো আমদানি করা স্ক্রিপ্টের বিষয়বস্তু পরিবর্তিত হয়েছে কিনা তাও পরীক্ষা করবে। যদি তাদের থাকে তবে এটি সম্পূর্ণ পরিষেবা কর্মী আপডেট প্রবাহকে ট্রিগার করবে। এটি ক্রোমকে বিশেষত্বের সাথে সামঞ্জস্যপূর্ণ করে এবং Firefox এবং Safari যা করে তার সাথে মিলে যায়।

জেফের কাছে ফ্রেশার পরিষেবা কর্মীদের সমস্ত বিবরণ রয়েছে, ডিফল্টরূপে , HTTP ক্যাশে কীভাবে আপডেট চক্রকে প্রভাবিত করে সে সম্পর্কে কিছু গুরুত্বপূর্ণ বিষয় সহ।

নতুন উৎপত্তি ট্রায়াল

অরিজিন ট্রায়ালগুলি আমাদের পরীক্ষামূলক বৈশিষ্ট্য এবং APIগুলিকে যাচাই করার একটি সুযোগ প্রদান করে এবং বৃহত্তর স্থাপনায় তাদের ব্যবহারযোগ্যতা এবং কার্যকারিতা সম্পর্কে আপনার প্রতিক্রিয়া প্রদান করা সম্ভব করে৷

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

একটি অরিজিন ট্রায়াল বেছে নেওয়া আপনাকে ডেমো এবং প্রোটোটাইপগুলি তৈরি করতে দেয় যা আপনার বিটা পরীক্ষাকারী ব্যবহারকারীরা ট্রায়ালের সময়কালের জন্য তাদের Chrome-এ কোনো বিশেষ পতাকা ফ্লিপ করার প্রয়োজন ছাড়াই চেষ্টা করতে পারে।

ওয়েব ডেভেলপারদের জন্য অরিজিন ট্রায়াল গাইডে অরিজিন ট্রায়াল সম্পর্কে আরও তথ্য রয়েছে৷ আপনি সক্রিয় অরিজিন ট্রায়ালগুলির একটি তালিকা দেখতে পারেন এবং Chrome অরিজিন ট্রায়াল পৃষ্ঠায় তাদের জন্য সাইন আপ করতে পারেন৷


নেটিভ ফাইল সিস্টেম

নেটিভ ফাইল সিস্টেম API-এর জন্য একটি অরিজিন ট্রায়াল Chrome 78-এ শুরু হয় এবং Chrome 80-এর মাধ্যমে চলবে বলে আশা করা হচ্ছে।

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

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

এসএমএস রিসিভার

এসএমএস রিসিভার API-এর জন্য একটি অরিজিন ট্রায়াল Chrome 78-এ শুরু হয় এবং Chrome 80-এর মাধ্যমে চলবে বলে আশা করা হচ্ছে।

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

Eiji সমস্ত বিবরণ সহ SMS রিসিভার API-এর মাধ্যমে ওয়েবে ফোন নম্বর যাচাই করুন , এবং কীভাবে অরিজিন ট্রায়ালের জন্য সাইন আপ করতে হয়।

ক্রোম ডেভ সামিট 2019

11 এবং 12 নভেম্বর Chrome ডেভ সামিট- এ টিউন করতে ভুলবেন না, এটি Chrome ডেভেলপারস YouTube চ্যানেলে লাইভ স্ট্রিমিং হবে৷


আরও পড়া

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

সাবস্ক্রাইব

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

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