CSS গ্রিড সাবগ্রিড, CSS, অ্যারে গ্রুপিং, ইটারেটর হেল্পার এবং আরও অনেক কিছুর জন্য এন্ট্রি এবং এক্সিট অ্যানিমেশন সমর্থন।
অন্যথায় উল্লেখ না করা পর্যন্ত, বর্ণিত পরিবর্তনগুলি Android, ChromeOS, Linux, macOS এবং Windows-এর জন্য নতুন Chrome বিটা চ্যানেল রিলিজে প্রযোজ্য। প্রদত্ত লিঙ্কগুলির মাধ্যমে বা ChromeStatus.com-এর তালিকা থেকে এখানে তালিকাভুক্ত বৈশিষ্ট্যগুলি সম্পর্কে আরও জানুন৷ Chrome 117 16 অগাস্ট, 2023 থেকে বিটা। আপনি ডেস্কটপের জন্য Google.com বা Android-এ Google Play Store থেকে সর্বশেষ ডাউনলোড করতে পারেন।
সিএসএস
এই রিলিজে ছয়টি নতুন CSS বৈশিষ্ট্য যোগ করা হয়েছে। প্রথম তিনটি বৈশিষ্ট্য হল বিচ্ছিন্ন বৈশিষ্ট্যগুলিতে রূপান্তর সক্ষম করার কাজের অংশ, যা প্রবেশ এবং প্রস্থান অ্যানিমেশন সক্ষম করে ।
@স্টার্টিং-স্টাইলের নিয়ম
এই এট-রুল লেখকদের প্রথম স্টাইল আপডেটে CSS ট্রানজিশন শুরু করতে দেয়।
সিএসএস ট্রানজিশন কোনো এলিমেন্টের জন্য প্রথম স্টাইল আপডেটে প্রাথমিক স্টাইল থেকে ট্রানজিশন করে না, অথবা যখন ডিসপ্লে টাইপ none থেকে অন্য কোনো প্রকারে পরিবর্তিত হয় না। এটি প্রাথমিক শৈলী থেকে অপ্রত্যাশিত রূপান্তর এড়াতে। প্রথম স্টাইল আপডেট থেকে একটি রূপান্তর শুরু করতে, আপনি এখন একটি @starting-style নিয়মের মধ্যে থেকে শৈলী প্রয়োগ করতে পারেন। উদাহরণস্বরূপ, নিম্নলিখিত CSS একটি div-এর জন্য প্রথম স্টাইল আপডেটে সবুজ থেকে চুনে একটি ব্যাকগ্রাউন্ড-কালার পরিবর্তন শুরু করে:
div {
transition: background-color 0.5s;
background-color: lime;
}
@starting-style {
div {
background-color: green;
}
}
ওভারলে সম্পত্তি
overlay প্রপার্টি ডেভেলপারদের একটি প্রস্থান ট্রানজিশনের জন্য উপরের স্তরে উপাদান রাখতে সক্ষম করে। কোনো উপাদান উপরের স্তরে আছে কি না তা নির্দেশ করতে ওভারলে প্রপার্টি যোগ করা হয়েছে এবং দুটি মান নিতে পারে: none , বা auto ।
CSS ট্রানজিশন-আচরণ সম্পত্তি
transition-behavior CSS প্রপার্টি হল transition প্রপার্টির একটি লংহ্যান্ড যা ট্রানজিশনে আলাদা বৈশিষ্ট্য ব্যবহার করার অনুমতি দেয়। ট্রানজিশন-আচরণের জন্য allow-discrete মান নির্দিষ্ট করে, বিযুক্ত বৈশিষ্ট্যগুলি এখন অ্যানিমেশন শুরু করবে এবং তাদের প্রাথমিক মান থেকে তাদের চূড়ান্ত মান 50% এ ফ্লিপ করবে। ট্রানজিশনের জন্য যেখানে display: none এবং content-visibility: hidden প্রাথমিক বা চূড়ান্ত মানগুলির মধ্যে একটি, দৃশ্যমান মানটি রূপান্তরের পুরো সময়কালের জন্য ব্যবহার করা হবে।
CSS গ্রিড সাবগ্রিড মান
grid-template-columns এবং grid-template-rows subgrid মান এখন Chrome-এ প্রয়োগ করা হয়েছে। এই মানটি একটি নেস্টেড গ্রিডকে সারি, কলাম বা উভয়ের জন্য একটি নতুন ট্র্যাক সংজ্ঞা তৈরি করার পরিবর্তে তার প্যারেন্টে সংজ্ঞায়িত ট্র্যাকগুলি ব্যবহার করার অনুমতি দেয়৷
CSS টেক্সট-র্যাপ: সুন্দর
CSS text-wrap প্রপার্টির জন্য pretty মানটি গতির পরিবর্তে সেরা লেআউটের জন্য অপ্টিমাইজ করে। এটি বডি টেক্সটের জন্য তৈরি, এবং তাই একাধিক লাইন আশা করে। pretty ব্যবহার করে একজন বিকাশকারী স্পষ্টভাবে একটি লেআউট পদ্ধতি বেছে নিচ্ছেন যা wrap চেয়ে ধীর হতে পারে — যা কর্মক্ষমতার জন্য অপ্টিমাইজ করে। ক্রোমের বর্তমান বাস্তবায়ন অনাথদের জন্য অপ্টিমাইজ করে যাতে পাঠ্যের একটি অনুচ্ছেদের নীচে একটি একক শব্দ প্রদর্শিত না হয়৷
ক্রোম 117-এ টেক্সট-র্যাপ-এর এই ডেমোটি ব্যবহার করে দেখুন: সুন্দর এবং দেখুন মান কীভাবে পাঠ্য উপস্থাপনাকে পরিবর্তন করে।
contain-intrinsic-size: auto none support
এই বৈশিষ্ট্যটি auto && none অন্তর্ভুক্ত করার জন্য বিদ্যমান contain-intrinsic-size সিনট্যাক্সকে প্রসারিত করে।
ওয়েব API
অ্যারে গ্রুপিং
অ্যারে গ্রুপিং একটি অত্যন্ত সাধারণ ক্রিয়াকলাপ, যা SQL-এর GROUP BY ক্লজ এবং MapReduce প্রোগ্রামিং (যা মানচিত্র-গ্রুপ-হ্রাস সম্পর্কে ভালভাবে চিন্তা করা হয়) দ্বারা সর্বোত্তম উদাহরণ। গ্রুপে ডেটা একত্রিত করার ক্ষমতা ডেভেলপারদের উচ্চ ক্রম ডেটাসেট গণনা করতে দেয়, যেমন একটি সমগোত্রের গড় বয়স বা ওয়েবপৃষ্ঠার জন্য দৈনিক LCP মান। এই বৈশিষ্ট্যটি Object.groupBy এবং Map.groupBy স্ট্যাটিক পদ্ধতি যোগ করে এটি সক্ষম করে। অবজেক্ট মেথড একটি প্লেইন অবজেক্ট রিটার্ন করে, যেখানে গ্রুপগুলো প্রোপার্টি কী। মানচিত্র পদ্ধতি একটি মানচিত্র প্রদান করে, যেখানে কীগুলি নির্বিচারে মান হতে পারে।
ক্লিয়ার-সাইট-ডেটা হেডারের মাধ্যমে ক্লায়েন্ট ইঙ্গিতগুলি সাফ করুন
ওয়েবসাইটগুলি এখন Clear-Site-Data: "clientHints" ব্যবহার করে ক্লায়েন্ট ইঙ্গিত ক্যাশে সাফ করতে সক্ষম হবে। একই শিরোনাম দ্বারা "কুকিজ", "ক্যাশে", বা "*" টার্গেট করা হলে ক্লায়েন্ট ইঙ্গিতগুলিও এখন সাফ করা হবে৷ এর কারণ হল ব্যবহারকারী যদি UI ক্লায়েন্ট ইঙ্গিতগুলিতে কুকিজ সাফ করে, তবে ক্লায়েন্ট ইঙ্গিত ক্যাশে একটি ক্যাশে এবং যথাক্রমে ওয়াইল্ডকার্ড লক্ষ্যগুলির সাথে সামঞ্জস্যপূর্ণ হতে হবে৷
সাফ-সাইট-ডেটা হেডার ওয়াইল্ডকার্ড সিনট্যাক্স
ওয়েবসাইটগুলি এখন Clear-Site-Data: "*" পাঠিয়ে সমস্ত স্টোরেজ টার্গেট ("কুকিজ", "ক্যাশে" এবং "স্টোরেজ") সাফ করতে সক্ষম হবে। মনে রাখবেন যে Chrome এই মুহুর্তে "execution Contexts" সাফ করা সমর্থন করে না, কিন্তু আমরা যদি ভবিষ্যতে এটি যোগ করি তাহলে "*" টার্গেট করা কোনো হেডার সেগুলিও সাফ করবে।
customElements.getName
customElements.getName() পদ্ধতি প্রদত্ত কাস্টম উপাদান সংজ্ঞার ট্যাগ নাম প্রদান করে।
ইটারেটার সাহায্যকারী
ইটারেটর হেল্পার হল ইটারেটর প্রোটোটাইপের নতুন পদ্ধতি যা ইটারেটরগুলির সাধারণ ব্যবহার এবং ব্যবহার করার অনুমতি দেয়।
EventTarget ইন্টারফেস থেকে ক্যাপচার কন্ট্রোলার তৈরি করুন
ক্যাপচার কন্ট্রোলার ইন্টারফেস একটি স্ক্রিন ক্যাপচার সেশনের আরও ম্যানিপুলেশন সক্ষম করে। ভবিষ্যতে, এটি প্রত্যাশিত যে একটি ক্যাপচার সেশন সম্পর্কিত ঘটনাগুলি সেই নিয়ামকটিতে প্রেরণ করা হবে৷ এই ধরনের ইভেন্টের জন্য শ্রোতাদের পরিচালনা করতে সক্ষম হওয়ার জন্য, EventTarget পদ্ধতিগুলি CaptureController এ উপলব্ধ করা হয়েছে।
পারফরম্যান্স রিসোর্স টাইমিং ডেলিভারি টাইপ
PerformanceResourceTiming -এর deliveryType প্রপার্টি একটি রিসোর্স কীভাবে ডেলিভার করা হয়েছে সে সম্পর্কে তথ্য প্রদান করে। উদাহরণস্বরূপ, ক্যাশে থেকে সরবরাহ করা সম্পদ (বর্তমানে transferSize এর মাধ্যমে প্রকাশ করা হয়েছে) এবং নেভিগেশন যা পূর্ববর্তী পৃষ্ঠা দ্বারা প্রিফেচ করা হয়েছিল।
ইউআরএল সেটারে পোর্ট ওভারফ্লো চেক
url.port সেট করার সময় পোর্টের মান চেক করা হবে। 16-বিট সাংখ্যিক সীমা ওভারফ্লো করা সমস্ত মান আর বৈধ হবে না। উদাহরণস্বরূপ নিম্নলিখিত স্ক্রিপ্ট পরিবর্তনের পরে ভিন্নভাবে আচরণ করে:
u = new URL("http://test.com");
u.port = 65536;
console.log(u.port);
পরিবর্তনের আগে আউটপুট 65536। পরিবর্তনের পর আউটপুট 80 হবে।
প্রাইভেট স্টেট টোকেন API
তৃতীয় পক্ষের কুকির মতো ক্রস-সাইট ক্রমাগত শনাক্তকারী ব্যবহার না করে সাইট জুড়ে সীমিত ব্যক্তিগত সংকেত প্রচারের জন্য এটি একটি নতুন API। থার্ড-পার্টি কুকিজের উপর নির্ভর করে এমন জালিয়াতি-বিরোধী পদ্ধতিগুলি একবার তৃতীয় পক্ষের কুকিজের অবমূল্যায়ন হয়ে গেলে কাজ করবে না। প্রাইভেট স্টেট টোকেন এপিআই জালিয়াতি বিরোধী সংকেত তৈরি বা সংজ্ঞায়িত করে না: এটি সংশ্লিষ্ট প্রথম পক্ষ এবং টোকেন প্রদানকারীদের উপর নির্ভর করে। বরং, এপিআই এই সংকেতগুলিতে স্থানান্তরিত তথ্যের উপর সীমা প্রয়োগ করে গোপনীয়তা বজায় রাখে। API প্রাইভেসি পাস প্রোটোকলের একটি বৈকল্পিকের উপর ভিত্তি করে তৈরি করা হয়েছে, যা IETF দ্বারা প্রমিত হওয়ার প্রক্রিয়াধীন রয়েছে। এটিকে প্রাইভেসি পাস প্রোটোকলের একটি ওয়েব-প্রকাশিত ফর্ম হিসাবে বিবেচনা করা যেতে পারে। API স্পেকটি নতুন সংস্করণ এবং টোকেনের প্রকারের জন্য আপডেট করা হবে এবং গোপনীয়তা পাস ওয়ার্কিং গ্রুপ স্পেক্সের সাথে আপ টু ডেট রাখা হবে। প্রত্যাশিত পরিবর্তনগুলি অন্তর্নিহিত ক্রিপ্টোগ্রাফিক প্রোটোকল এবং টোকেন ইস্যু করার কোডে হবে: আমরা বিকাশকারীর ইস্যু এবং রিডেম্পশন ফেচ API-এর মুখোমুখি পরিবর্তন আশা করি না। প্রাইভেট স্টেট টোকেন এপিআই পূর্বে ট্রাস্ট টোকেন এপিআই নামে পরিচিত ছিল। অন্তর্নিহিত শব্দার্থকে আরও সঠিকভাবে ক্যাপচার করতে এবং ব্যবহারকারীদের গোপনীয়তার সুবিধাগুলি হাইলাইট করার জন্য এর নাম পরিবর্তন করা হয়েছে।
URL স্ট্যান্ডার্ড-সামঞ্জস্যপূর্ণ IPv4 এম্বেড করা IPv6 হোস্ট পার্সার
IPv4 এম্বেড করা IPv6 হোস্ট পার্সার পার্স করার আচরণ কঠোরভাবে ওয়েব URL মান অনুসরণ করতে আপডেট করা হবে। IPv6 ঠিকানায় প্রবর্তিত নিষেধাজ্ঞাগুলি হল:
- এমবেড করা IPv4 ঠিকানা সর্বদা 4টি অংশ নিয়ে গঠিত।
-
http://[::1.2]এর মতো 4টির কম অংশের ঠিকানা আর বৈধ হবে না। বৈশিষ্ট্যটি ইউআরএল ইন্টারপ 2023 এর একটি অংশ।
URL: একটি বৈধ URL পাথ হিসাবে "%00" কে অনুমতি দিন
Chrome বর্তমানে একটি URLকে অবৈধ বলে মনে করে যদি URL-এর পাথ অংশে "%00" (বা নাল) থাকে, যা URL স্ট্যান্ডার্ডের সাথে সঙ্গতিপূর্ণ নয়। উদাহরণস্বরূপ, নিম্নলিখিত পরীক্ষাটি Chrome-এ ব্যর্থ হয়, কারণ new URL(...) একটি অবৈধ URL ব্যতিক্রম ছুড়ে দেয়৷
assertEquals(new URL("http://example.com/%00").pathname, "/%00");
ইউআরএল স্ট্যান্ডার্ড অনুযায়ী, ইউআরএল পাথের যেকোনো অক্ষর বা বাইট সিকোয়েন্স ইউআরএলকে অবৈধ করে না, এবং এই পরিবর্তনটি সেই স্ট্যান্ডার্ড অনুসরণ করতে ক্রোমকে আপডেট করে।
WebRTC RTP হেডার এক্সটেনশন নিয়ন্ত্রণ
কোন RTP হেডার এক্সটেনশানগুলি আলোচনা করা হয় তার উপর নিয়ন্ত্রণ অফার করতে WebRTC RTCRtpTransceiver API প্রসারিত করুন৷
ভিডিও এনকোডারে প্রতি ফ্রেম কোয়ান্টাইজার
ভিডিও এনকোডারের জন্য "কোয়ান্টাইজার" VideoEncoderBitrateMode যোগ করে। এটি AV1, VP9, এবং AVC ভিডিও কোডেকগুলির জন্য প্রতিটি ফ্রেমের জন্য একটি কোয়ান্টাইজার প্যারামিটার নির্দিষ্ট করার ক্ষমতা প্রদান করে।
requestDevice() এ WebUSB exclusionFilters অপশন
navigator.usb.requestDevice() এ exclusionFilters বিকল্পটি ওয়েব ডেভেলপারদের ব্রাউজার পিকার থেকে কিছু ডিভাইস বাদ দিতে দেয়। এটি এমন ডিভাইসগুলিকে বাদ দিতে ব্যবহার করা যেতে পারে যেগুলি একটি বিস্তৃত ফিল্টারের সাথে মেলে কিন্তু অসমর্থিত৷
অরিজিন ট্রায়াল চলছে
Chrome 117-এ আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়ালগুলি বেছে নিতে পারেন৷
শেয়ার্ড ব্রটলির সাথে কম্প্রেশন অভিধান পরিবহন
এই বৈশিষ্ট্যটি ব্রোটলি-কম্প্রেসিং HTTP প্রতিক্রিয়াগুলির জন্য একটি বহিরাগত অভিধান হিসাবে মনোনীত পূর্ববর্তী প্রতিক্রিয়াগুলি ব্যবহার করার জন্য সমর্থন যোগ করে।
কম্প্রেশন ডিকশনারি ট্রান্সপোর্ট অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন ।
WebSQL অবচয় ট্রায়াল
Chrome থেকে WebSQL সরানো হচ্ছে। এটির উপর নির্ভরশীল সাইটগুলিকে Wasm এর মাধ্যমে SQLite এ যেতে উৎসাহিত করা হয়।
এই অবচয় ট্রায়াল ডেভেলপারদের যাদের মাইগ্রেশনের জন্য আরও সময় প্রয়োজন তাদের Chrome 123 (মার্চ 2024) পর্যন্ত WebSQL ব্যবহার চালিয়ে যাওয়ার ক্ষমতা দেয়। WebSQL অবচয় ট্রায়ালের জন্য নিবন্ধন করুন।
ট্যাবড ওয়েব অ্যাপস
ওয়েব অ্যাপ উইন্ডোতে একটি ট্যাব স্ট্রিপ থাকার অনুমতি দিন, উদাহরণস্বরূপ, একই অ্যাপে একাধিক নথি সম্পাদনা করতে। এটি একটি নতুন প্রদর্শন মোড "ট্যাবড" এবং একটি নতুন ম্যানিফেস্ট ক্ষেত্র যোগ করে যাতে ট্যাব স্ট্রিপে কাস্টমাইজেশন করা যায়।
ট্যাবড ওয়েব অ্যাপস অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন ।
অবজ্ঞা এবং অপসারণ
Chrome-এর এই সংস্করণটি নিম্নে তালিকাভুক্ত অবচয় এবং অপসারণের পরিচয় দেয়। পরিকল্পিত অবচয়, বর্তমান অবচয় এবং পূর্ববর্তী অপসারণের তালিকার জন্য ChromeStatus.com এ যান।
Chrome-এর এই রিলিজ দুটি বৈশিষ্ট্য (গুলি) অবমূল্যায়ন করে৷
আনলোড ইভেন্ট অবচয়
Chrome 117 unload ইভেন্ট হ্যান্ডলারকে অবমূল্যায়ন করার প্রক্রিয়া শুরু করবে। যদি আপনার সাইট এইগুলি ব্যবহার করে তবে আপনাকে আরও বিশদ বিবরণের জন্য unload অবমূল্যায়ন করার জন্য উত্সর্গীকৃত পোস্টটি পড়ার পরামর্শ দেওয়া হচ্ছে৷
TLS SHA-1 সার্ভার স্বাক্ষর বাতিল করুন
ক্রোম TLS হ্যান্ডশেকের সময় সার্ভার স্বাক্ষরের জন্য SHA-1 ব্যবহার করে স্বাক্ষর অ্যালগরিদমের সমর্থন সরিয়ে দিচ্ছে৷ এটি সার্ভার শংসাপত্রগুলিতে SHA-1 সমর্থনকে প্রভাবিত করে না, যা ইতিমধ্যেই সরানো হয়েছে, বা ক্লায়েন্ট শংসাপত্রগুলিতে, যা সমর্থিত হতে চলেছে৷
Chrome-এর এই প্রকাশ চারটি বৈশিষ্ট্য(গুলি) সরিয়ে দেয়৷
[WebRTC] কলব্যাক-ভিত্তিক লিগ্যাসি getStats() আনশিপ
RTCPeerConnection-এর getStats() এর দুটি সংস্করণ রয়েছে, একটি যা একটি প্রতিশ্রুতি সমাধানের মাধ্যমে প্রতিবেদনটি স্পেক-অনুযায়ী ফেরত দেয় এবং একটি যা প্রথম যুক্তি হিসাবে কলব্যাকের মাধ্যমে একটি খুব ভিন্ন প্রতিবেদন ফেরত দেয়। কলব্যাক-ভিত্তিক এখন সরানো হয়েছে৷
মাইগ্রেশন সম্পর্কে আরও তথ্যের জন্য, এবং আপনার যদি আরও সময়ের প্রয়োজন হয় তবে কী করতে হবে লিগ্যাসি getStats() মাইগ্রেশন গাইড দেখুন।
WebRTC getStats datachannelIdentifier-এর জন্য -1 মান অপসারণ
WebRTC getStats API একটি dataChannelIdentifier প্রপার্টি প্রকাশ করে। ডেটাচ্যানেল সংযোগ স্থাপনের আগে পরিসংখ্যান জিজ্ঞাসা করা হলে এটি আর "-1" মান প্রদান করবে না। পরিবর্তে, অভিধান সদস্য বাদ দেওয়া হবে।
WebRTC getStats এনকোডার ইমপ্লিমেন্টেশন এবং ডিকোডার ইমপ্লিমেন্টেশন অপসারণ "অজানা"
WebRTC getStats API আউটবাউন্ড এবং ইনবাউন্ড ভিডিওর জন্য এনকোডার এবং ডিকোডার বাস্তবায়নের নাম প্রকাশ করে। ভিডিও ফ্রেম এনকোড বা ডিকোড করার আগে পরিসংখ্যান জিজ্ঞাসা করা হলে এটি আর "অজানা" মান প্রদান করবে না। পরিবর্তে, অভিধান সদস্য বাদ দেওয়া হবে।
CSS সম্পত্তি -ওয়েবকিট-হাইলাইট
সিএসএস প্রপার্টি সরান -webkit-highlight টেক্সট হাইলাইট করার উদ্দেশ্যে, কিন্তু কখনই মানসম্মত নয়। ক্রোমিয়ামে এর কোন দৃশ্যমান প্রভাব নেই (এটি পার্স করা হয়েছে কিন্তু রেন্ডারিং কন্টেন্টে ব্যবহার করা হয় না)। 2014 সালে ওয়েবকিট থেকে সম্পত্তিটি সরানো হয়েছিল, MDN-এ অবচয় হিসাবে চিহ্নিত করা হয়েছে এবং সম্প্রতি CSS হাইলাইট সিউডো স্পেক দিয়ে প্রতিস্থাপিত হয়েছে।