CSS এর জন্য স্কোপ করা শৈলী, অতিরিক্ত মিডিয়া বৈশিষ্ট্য, কীবোর্ড-ফোকাসেবল স্ক্রোল কন্টেনার এবং আরও অনেক কিছু।
অন্যথায় উল্লেখ না করা পর্যন্ত, বর্ণিত পরিবর্তনগুলি Android, ChromeOS, Linux, macOS এবং Windows-এর জন্য নতুন Chrome বিটা চ্যানেল রিলিজে প্রযোজ্য। প্রদত্ত লিঙ্কগুলির মাধ্যমে বা ChromeStatus.com-এর তালিকা থেকে এখানে তালিকাভুক্ত বৈশিষ্ট্যগুলি সম্পর্কে আরও জানুন৷ Chrome 118 13 সেপ্টেম্বর, 2023 থেকে বিটা। আপনি ডেস্কটপের জন্য Google.com থেকে বা Android-এ Google Play স্টোর থেকে সর্বশেষ ডাউনলোড করতে পারেন।
সিএসএস
এই রিলিজে চারটি নতুন CSS বৈশিষ্ট্য যোগ করা হয়েছে।
স্কোপড শৈলী
@scope নিয়মটি ডেভেলপারদের একটি প্রদত্ত স্কোপিং রুটে শৈলীর নিয়ম এবং সেই স্কোপিং রুটের নৈকট্য অনুযায়ী শৈলীর উপাদানগুলিকে সুযোগ দেয়।
CSS লজিক্যাল ফ্লো-আপেক্ষিক মান
বিদ্যমান CSS বৈশিষ্ট্যগুলিতে নিম্নলিখিত নতুন মানগুলি যোগ করে:
-
float: inline-start -
float: inline-end -
clear: inline-start -
clear: inline-end -
resize: block -
resize: inline
এই প্রবাহ-সম্পর্কিত দিকনির্দেশক কীওয়ার্ডগুলি উপাদানের লেখার মোড বা দিক বা তার থাকা ব্লকের উপর নির্ভর করে একটি শারীরিক মান নির্ধারণ করে।
মিডিয়া প্রশ্ন: পছন্দ-কমানো-স্বচ্ছতা বৈশিষ্ট্য
prefers-reduced-transparency মিডিয়া ফিচার যোগ করে, যা ডেভেলপারদের OS-এ স্বচ্ছতা হ্রাস করার জন্য ব্যবহারকারী-নির্বাচিত পছন্দের সাথে ওয়েব কন্টেন্ট মানিয়ে নিতে দেয়, যেমন macOS-এ স্বচ্ছতা কমানো সেটিং। বৈধ বিকল্পগুলি reduce বা no-preference ।
ট্রান্সফর্ম-বক্স CSS প্রপার্টিতে স্ট্রোক-বক্স, কন্টেন্ট-বক্স এবং বর্ডার-বক্স সমর্থন করুন
এই সমর্থন যোগ করার ফলে transform সম্পত্তির জন্য রেফারেন্স বক্স কীভাবে গণনা করা হয় তা পরিবর্তন করতে সক্ষম করে। এটি অতিরিক্ত রূপান্তর বা গ্রাফিকাল প্রভাব সক্ষম করে। উদাহরণস্বরূপ, বিষয়বস্তু বাক্সে একটি বিন্দুর চারপাশে ঘূর্ণন, যেখানে একটি উপাদানের সীমানার প্রস্থ ফলাফলকে প্রভাবিত করে না। অথবা, যেখানে একটি (SVG) উপাদানের স্ট্রোক ফলাফলকে প্রভাবিত করবে, উদাহরণস্বরূপ, যখন একটি স্ট্রোক করা আকৃতিকে কেন্দ্রের চারপাশে ঘোরানোর সময় — স্ট্রোক সহ।
এইচটিএমএল
কীবোর্ড-ফোকাসযোগ্য স্ক্রোল পাত্রে
অনুক্রমিক ফোকাস নেভিগেশন ব্যবহার করে স্ক্রোল পাত্রে ফোকাসযোগ্য করে অ্যাক্সেসযোগ্যতা উন্নত করে। এই পরিবর্তনের আগে, ট্যাব কী স্ক্রলারগুলিতে ফোকাস করে না যদি না tabIndex স্পষ্টভাবে 0 বা তার বেশি সেট করা থাকে। ডিফল্টরূপে স্ক্রোলারদের ফোকাসযোগ্য করে, যে ব্যবহারকারীরা মাউস ব্যবহার করতে পারে না (বা করতে চায় না) তারা কীবোর্ডের ট্যাব এবং তীর কীগুলি ব্যবহার করে ক্লিপ করা সামগ্রী অ্যাক্সেস করতে সক্ষম হবে। এই আচরণটি কীবোর্ড ফোকাসযোগ্য উপাদান ধারণকারী স্ক্রলারগুলির ক্ষেত্রে প্রযোজ্য নয়, যেহেতু সেগুলি ইতিমধ্যেই কীবোর্ডের মাধ্যমে অ্যাক্সেসযোগ্য।
বিকল্প লেবেল বৈশিষ্ট্যের জন্য quirks মোড আচরণ সরান
অপশন এলিমেন্ট একটি label অ্যাট্রিবিউটকে সমর্থন করে যা বিকল্প উপাদানের চাইল্ড টেক্সটের পরিবর্তে অ্যাট্রিবিউটের ভিতরে টেক্সট দিয়ে রেন্ডার করার বিকল্প ঘটায়। এই কার্যকারিতা quirks মোডে অক্ষম করা হয়, যেখানে লেবেল বৈশিষ্ট্য উপেক্ষা করা হয় এবং চাইল্ড টেক্সট সবসময় রেন্ডার করা হয়। এই পরিবর্তনটি সর্বদা স্ট্যান্ডার্ড মোড এবং quirks মোড উভয় ক্ষেত্রেই লেবেল বৈশিষ্ট্য ব্যবহার করবে।
ওয়েব API
গোপনীয়তা স্যান্ডবক্সের জন্য তালিকাভুক্তি (PSB)
প্রাইভেসি স্যান্ডবক্স প্রাসঙ্গিকতা এবং পরিমাপ APIগুলি সাধারণ উপলব্ধতার জন্য র্যাম্পিং শুরু করার সাথে সাথে, আমরা নিশ্চিত করতে চাই যে এই প্রযুক্তিগুলি উদ্দেশ্য হিসাবে এবং স্বচ্ছতার সাথে ব্যবহার করা হয়েছে। এপিআই-এর মধ্যে রয়েছে অ্যাট্রিবিউশন রিপোর্টিং , প্রোটেক্টেড অডিয়েন্স এপিআই , টপিক এপিআই , প্রাইভেট অ্যাগ্রিগেশন এপিআই এবং শেয়ার্ড স্টোরেজ এপিআই । PSB গোপনীয়তা স্যান্ডবক্স প্রাসঙ্গিকতা এবং পরিমাপ API-এর জন্য একটি নতুন বিকাশকারী তালিকাভুক্তি প্রক্রিয়া চালু করছে। ক্রোম তালিকাভুক্তি সার্ভার থেকে (কম্পোনেন্ট আপডেটারের মাধ্যমে) তালিকাভুক্ত-সাইটের তালিকা আনবে এবং গোপনীয়তা স্যান্ডবক্স এপিআই-এ গেট অ্যাক্সেস করতে এটি ব্যবহার করবে।
জাভাস্ক্রিপ্টের মাধ্যমে সেট করা সমস্ত কুকি ব্লক করুন যাতে নিয়ন্ত্রণ অক্ষর থাকে
জাভাস্ক্রিপ্টের মাধ্যমে সেট করা কুকিতে নিয়ন্ত্রণ অক্ষর কীভাবে পরিচালনা করা হয় তা আপডেট করে। বিশেষত, সমস্ত নিয়ন্ত্রণ অক্ষর সমগ্র কুকি প্রত্যাখ্যান করার কারণ। পূর্বে, একটি NULL অক্ষর, একটি ক্যারেজ রিটার্ন অক্ষর, বা একটি কুকি লাইনে একটি লাইন ফিড অক্ষর এটিকে সম্পূর্ণ প্রত্যাখ্যানের পরিবর্তে ছেঁটে দিয়েছিল, যা নির্দিষ্ট পরিস্থিতিতে দূষিত আচরণ সক্ষম করতে পারে। এই আচরণটি ক্রোমকে RFC6265bis-এর সর্বশেষ খসড়া দ্বারা নির্দেশিত আচরণের সাথে সারিবদ্ধ করে। এই পরিবর্তনটি --disable-features=BlockTruncatedCookies বা BlockTruncatedCookies এন্টারপ্রাইজ নীতি ব্যবহার করে নিষ্ক্রিয় করা যেতে পারে, যা এই পরিবর্তনের কারণে কোনো বিচ্ছেদ ঘটলে বেশ কয়েকটি মাইলফলকের জন্য বিদ্যমান থাকবে।
ভাষা জুড়ে সামঞ্জস্যপূর্ণ ন্যূনতম ফন্টের আকার
ইন্টারঅপারেবিলিটি এবং অ্যাক্সেসিবিলিটি উন্নত করতে সাতটি ভাষার (আরবি, ফার্সি, জাপানিজ, কোরিয়ান, থাই, সরলীকৃত এবং ঐতিহ্যবাহী চীনা) ডিফল্টরূপে ন্যূনতম ফন্টের আকারের ডিফল্ট সেটিং পরিবর্তন করে। এই পরিবর্তনের আগে, তালিকাভুক্ত সাতটি ভাষা ছাড়া সব ভাষার জন্য ডিফল্টরূপে এই সেটিং বন্ধ ছিল। এই পরিবর্তন এই ভাষাগুলিকে অন্যান্য ভাষার সাথে সামঞ্জস্যপূর্ণ করে তোলে। দ্রষ্টব্য, এটি ন্যূনতম ফন্টের আকারের বৈশিষ্ট্যটি নিজেই পরিবর্তন করার বিষয়ে নয়। এটি অ্যাক্সেসযোগ্যতা এবং পঠনযোগ্যতার জন্য কোনো পরিবর্তন ছাড়াই উপলব্ধ হবে।
একই-ডকুমেন্ট নেভিগেশনে UA ট্রানজিশন সনাক্ত করুন
ব্যবহারকারীরা ওয়েবে নেভিগেট করার সময় মসৃণ ভিজ্যুয়াল ট্রানজিশন ব্যবহারকারীদের প্রসঙ্গে থাকতে সাহায্য করে জ্ঞানীয় লোড কমাতে পারে। যাইহোক, ব্যবহারকারীর অভিজ্ঞতা খারাপ হয় যদি সাইট লেখক এবং UA উভয়ই এই ট্রানজিশনগুলি যোগ করে: পরিবর্তনগুলি ব্যবহারকারীর জন্য বিরোধ এবং বিভ্রান্তির কারণ হতে পারে। একবারে শুধুমাত্র একটি ভিজ্যুয়াল ট্রানজিশন কার্যকর করা হয়েছে তা নিশ্চিত করতে এই API এই ধরনের কেস এড়িয়ে চলে। এপিআই PopStateEvent এবং NavigateEvent এ একটি বুলিয়ান যোগ করে তা নির্দেশ করে যে UA এই নেভিগেশনের জন্য একটি ভিজ্যুয়াল ট্রানজিশন কার্যকর করেছে কিনা। বিকাশকারীরা তাদের কাস্টম রূপান্তর এড়িয়ে যেতে এটি ব্যবহার করতে পারে।
ইউআরএল পার্সার ইউআরএলের পাথে শতাংশ-এনকোড করা ASCII অক্ষর ডিকোড করবে না
এই পরিবর্তনগুলি ইউআরএল পার্সারকে ইউআরএলের পাথে শতাংশ-এনকোড করা ASCII অক্ষরগুলিকে ডিকোড করে না, যেমন "%41" ('A')। এই পরিবর্তনের আগে:
const url = new URL("http://example.com/%41");
url.href "http://example.com/A"
এই পরিবর্তনের পরে:
const url = new URL("http://example.com/%41");
url.href "http://example.com/%41"
সুরক্ষিত শ্রোতা নেতিবাচক টার্গেটিং
বিজ্ঞাপন স্থানের জন্য অনলাইন বিজ্ঞাপন নিলামে, এটি কখনও কখনও নির্দিষ্ট দর্শকদের কাছে একটি বিজ্ঞাপন দেখানো রোধ করার জন্য দরকারী, একটি ধারণা যা নেতিবাচক লক্ষ্যবস্তু হিসাবে পরিচিত। উদাহরণস্বরূপ, আপনি বর্তমান গ্রাহকদের একটি নতুন গ্রাহক বিজ্ঞাপন দেখাতে নাও চাইতে পারেন। নতুন গ্রাহক অধিগ্রহণের প্রচারাভিযানে প্রায়শই এটি একটি গুরুত্বপূর্ণ প্রয়োজন হিসাবে থাকে। সুরক্ষিত শ্রোতা বর্তমানে ওয়েবে কিছু অতীত কার্যকলাপের মাধ্যমে একটি প্রদত্ত আগ্রহ গোষ্ঠীতে যোগদানকারী ব্যবহারকারীদের লক্ষ্য করতে বিজ্ঞাপনগুলিকে সক্ষম করে৷ এই বৈশিষ্ট্যটি প্রটেক্টেড অডিয়েন্সকে প্রসারিত করে নেতিবাচক টার্গেটিং সক্ষম করতে নতুন বিজ্ঞাপনগুলিকে শুধুমাত্র সেইসব ব্যবহারকারীদের লক্ষ্য করার অনুমতি দিয়ে যারা প্রদত্ত আগ্রহের গোষ্ঠীতে যোগদান করেনি। এইভাবে, আমরা প্রোটেক্টেড অডিয়েন্স API-এর বিদ্যমান গোপনীয়তা-সংরক্ষণের ধারণাগুলি ব্যবহার করে ব্যবহারকারীদের নতুন গোষ্ঠীকে লক্ষ্য করতে বিজ্ঞাপনদাতাদের সক্ষম করছি৷
পেমেন্ট ব্যবহারকারী সক্রিয়করণ প্রয়োজনীয়তা সরান
বিকাশকারীদের অর্থপ্রদানের অনুরোধ প্রবাহে ঘর্ষণ কমাতে সহায়তা করার জন্য, আমরা অর্থপ্রদানের অনুরোধ এবং নিরাপদ অর্থপ্রদান নিশ্চিতকরণে ব্যবহারকারী সক্রিয়করণের প্রয়োজনীয়তা সরিয়ে দিচ্ছি। এই পরিবর্তনের সাথে নিরাপত্তা এবং গোপনীয়তার ঝুঁকি কমাতে স্প্যাম এবং ক্লিকজ্যাকিং প্রশমন করা হয়েছে।
এক্সটেনশন পরিষেবা কর্মীদের মধ্যে WebUSB
ব্রাউজার এক্সটেনশন দ্বারা নিবন্ধিত পরিষেবা কর্মীদের কাছে WebUSB API প্রকাশ করে এক্সটেনশন ইভেন্টগুলিতে প্রতিক্রিয়া জানাতে ওয়েব ডেভেলপারদের WebUSB API ব্যবহার করার অনুমতি দেয়৷ এই APIটি বর্তমানে সাইট দ্বারা নিবন্ধিত পরিষেবা কর্মীদের কাছে উন্মুক্ত নয়৷
XML নথিগুলি একক নোডে পরপর CDATA বিভাগগুলিকে একত্রিত করে
libxml-এ একটি বাগ থাকার কারণে, একটি XHTML নথিতে CDATA বিভাগগুলি কখনও কখনও ভুলভাবে একাধিক নোড তৈরি করতে পারে, নথির আকার এবং নথিতে CDATA বিভাগের অবস্থানের উপর নির্ভর করে। যখন একটি একক CDATA বিভাগ একাধিক ইনপুট পার্সার অংশগুলিকে বিস্তৃত করে, libxml বাফার করে এবং CDATA ইনপুটকে 300 বাইট রানে নির্গত করে। এটি অপ্রত্যাশিতভাবে একটি একক CDATA বিভাগকে একাধিক নোডে পরিণত করে (যদি ইনপুট খণ্ডের দৈর্ঘ্য 300 বাইটের বেশি হয়)। এই পরিবর্তনের ফলে পার্সিংয়ের সময় ভাইবোন CDATA সেকশন নোডগুলিকে একক CDATA বিভাগে একত্রিত করা হয়। এটি পার্সিংয়ের সময় libxml বাগ সংশোধন করে কিন্তু স্বতন্ত্র নোডগুলিকে একত্রিত করবে, উদাহরণস্বরূপ: <![CDATA[foo]]><!CDATA[bar]]> "foobar": CDATA "foobar" ।
আনলোড হ্যান্ডলার ডায়ালগ শর্ত আগে পরিবর্তন করুন
beforeunload ইভেন্টের জন্য বাতিল ডায়ালগটি কীভাবে প্রম্পট করা হয় সে সম্পর্কে দুটি নতুন পরিবর্তন রয়েছে।
যদি event.preventDefault() কল করা হয়, প্রম্পট বাতিল ডায়ালগ। যদি event.returnValue খালি স্ট্রিং হয়, তাহলে ডায়ালগ বাতিল করার অনুরোধ করবেন না।
অরিজিন ট্রায়াল চলছে
Chrome 118-এ আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়াল নির্বাচন করতে পারেন৷
WebRTC এনকোডেড ট্রান্সফর্ম: মেটাডেটা ফাংশন পরিবর্তন করুন
WebRTC এনকোডেড ট্রান্সফর্ম এপিআইতে বৈশিষ্ট্য যোগ করে যা অডিও এবং ভিডিও ফ্রেম মেটাডেটা ম্যানিপুলেট করার অনুমতি দেয়। বেশ কয়েকটি ব্যবহারের ক্ষেত্রে চিহ্নিত করা হয়েছে যেগুলিকে প্রথমে ডিকোড না করেই WebRTC এনকোডেড মিডিয়ার ম্যানিপুলেশন প্রয়োজন৷ এর মধ্যে রয়েছে:
- পূর্বে এনকোড করা ডেটা পাঠানো হচ্ছে।
- এনকোড আকারে প্রাপ্ত ডেটা পাঠানো হচ্ছে।
- এনকোডেড আকারে ডেটা গ্রহণ করা এবং ফরওয়ার্ড করা।
বিশেষ করে, আমরা একাধিক অপ্রয়োজনীয় পিয়ার সংযোগ থেকে আসা মিডিয়ার ত্রুটি-মুক্ত ফরওয়ার্ডিং ব্যবহারের ক্ষেত্রে সমর্থন করতে চাই যা একই মিডিয়া পেলোড প্রদান করে কিন্তু ভিন্ন মেটাডেটা সহ।
RTCEncodedFrameSetMetadata অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন।
অবজ্ঞা এবং অপসারণ
Chrome-এর এই সংস্করণটি নিম্নে তালিকাভুক্ত অবচয় এবং অপসারণের পরিচয় দেয়। পরিকল্পিত অবচয়, বর্তমান অবচয় এবং পূর্ববর্তী অপসারণের তালিকার জন্য ChromeStatus.com এ যান।
ক্রোমের এই রিলিজটি নিম্নলিখিত বৈশিষ্ট্যগুলিকে সরিয়ে দেয়৷
কিছু অ-মানক চেহারা কীওয়ার্ড অপসারণ
Chrome 118-এ, সর্বনিম্ন ব্যবহার সহ অ-মানক appearance কীওয়ার্ডগুলি নিষ্ক্রিয় করা হবে৷ বৈশিষ্ট্যটি নিষ্ক্রিয় হয়ে গেলে, উপস্থিতি বৈশিষ্ট্যটি উপেক্ষা করা হবে যদি এটি সেই কীওয়ার্ডটিকে একটি মান হিসাবে ব্যবহার করে। Chrome 118-এ যে কীওয়ার্ডগুলি নিষ্ক্রিয় করা হচ্ছে সেগুলি হল 0.001%-এর কম ব্যবহার:
-
media-slider -
media-sliderthumb -
media-volume-slider -
media-volume-sliderthumb -
sliderthumb-horizontal -
sliderthumb-vertical
পটভূমি
যেহেতু শুধুমাত্র স্ট্যান্ডার্ড appearance কীওয়ার্ড সমর্থিত হওয়া উচিত, তাই আমরা appearance (এবং -webkit-appearance ) কীওয়ার্ডগুলি সরিয়ে দিচ্ছি যেগুলি অ-মানক৷ সম্পূর্ণ তালিকা নিম্নরূপ:
-
inner-spin-button -
media-slider -
media-sliderthumb -
media-volume-slider -
media-volume-sliderthumb -
push-button -
searchfield-cancel-button -
slider-horizontal -
sliderthumb-horizontal -
sliderthumb-vertical -
square-button
উল্লেখ্য যে মান slider-vertical সরানো হবে না এই প্যাচের অংশ হিসাবে এটি <input type=range> উল্লম্ব অনুমতি দেওয়ার জন্য ব্যবহৃত হয়। ফর্ম নিয়ন্ত্রণ উল্লম্ব লেখার মোড সম্পূর্ণরূপে গৃহীত হলে এটি সরানো হবে।
নিষ্ক্রিয় হওয়ার আগে, উপরের যেকোন কীওয়ার্ড ব্যবহার করলে, একটি কনসোল সতর্কতা দেখানো হবে, কিন্তু কীওয়ার্ডটি একটি বৈধ মান হিসেবে স্বীকৃত হবে।