আপনার যা জানা দরকার তা এখানে:
- ক্লোজওয়াচার এপিআই ঘনিষ্ঠ অনুরোধগুলি পরিচালনা করার সময় একটি সামঞ্জস্যপূর্ণ অভিজ্ঞতা সক্ষম করে।
-
<details>উপাদান ব্যবহার করে সহজেই একটি অ্যাকর্ডিয়ন প্যাটার্ন প্রয়োগ করুন। - অনুমতি নীতি লঙ্ঘন রিপোর্ট এখন উপলব্ধ.
- এবং আরো অনেক আছে.
আমি আদ্রিয়ানা জারা। চলুন ডুব দিয়ে দেখি Chrome 120-এ ডেভেলপারদের জন্য নতুন কী রয়েছে।
CloseWatcher API।
মোডাল বা পপআপ উপাদানগুলির একটি গুরুত্বপূর্ণ বৈশিষ্ট্য হল যে এটি করার জন্য একটি সামঞ্জস্যপূর্ণ প্রক্রিয়া সহ বন্ধ করা সহজ। এই প্রক্রিয়াগুলিকে ক্লোজ রিকোয়েস্ট বলা হয়, এগুলি সাধারণত ডেস্কটপ প্ল্যাটফর্মে ESC কী এবং Android-এ পিছনের অঙ্গভঙ্গি বা বোতাম।
ওয়েব ডেভেলপারদের কাছে তাদের নিজস্ব উপাদানগুলির জন্য ঘনিষ্ঠ অনুরোধগুলি পরিচালনা করার কোন ভাল উপায় ছিল না। এটি বিশেষত অ্যান্ড্রয়েড ডিভাইসে সমস্যাযুক্ত, যেখানে পিছনের অঙ্গভঙ্গির জন্য সহজ বন্ধ আচরণ প্রদান করা বেশ জটিল।
ক্রোম 120 ক্লোজওয়াচারের সাথে সমাধান নিয়ে এসেছে, একটি নতুন এপিআই সরাসরি শোনা এবং ক্লোজ রিকোয়েস্টে সাড়া দেওয়ার জন্য। নতুন ক্লোজ রিকোয়েস্ট ফ্রেমওয়ার্ক ব্যবহার করার জন্য এটি <dialog> এবং popover="" এ আপগ্রেডগুলিও অন্তর্ভুক্ত করে, যাতে তারা Android ব্যাক বোতামে সাড়া দেয়।
এটি ব্যবহার করে দেখতে CloseWatcher API ডেমো চেকআউট করুন।
<details> নামের বৈশিষ্ট্য
<details> উপাদানটির জন্য name বৈশিষ্ট্য <details> HTML উপাদানগুলির একটি ক্রম ব্যবহার করে অ্যাকর্ডিয়ন প্যাটার্ন বাস্তবায়ন করা সহজ করে তোলে।
একই name একাধিক <details> উপাদান একটি গ্রুপ গঠন করে। এই সেটআপের মাধ্যমে সেই গ্রুপের সর্বাধিক একটি উপাদান একবারে খোলা যেতে পারে।
এখানে একটি গোষ্ঠীর সাথে একটি উদাহরণ রয়েছে যা নাম cookies ভাগ করে:
<details name="cookies">
<summary>Chocolate chip</summary>
Yum yum chocolate chip.
</details>
<details name="cookies">
<summary>Snickerdoodle</summary>
Yum yum snickerdoodle.
</details>
<details name="cookies">
<summary>Maicenitas</summary>
Yum yum maicenitas.
</details>
<details name="cookies">
<summary>Sugar cookies</summary>
Yum yum sugar cookies.
</details>
অনুমতি নীতি লঙ্ঘন রিপোর্ট
অনুমতি নীতি লঙ্ঘনের প্রতিবেদনগুলি এখন উপলব্ধ, এই প্রতিবেদনগুলি অনুমতি নীতি API-কে একীভূত করে যা বিকাশকারীদেরকে একটি পৃষ্ঠা, এর iframes এবং উপ-সম্পদগুলিতে উপলব্ধ ব্রাউজার বৈশিষ্ট্যগুলিকে নিয়ন্ত্রণ করতে দেয়, ব্রাউজারের জন্য রিপোর্টিং API এর সাথে প্রয়োগ করার জন্য নীতির একটি সেট ঘোষণা করে৷ রিপোর্টিং API বিভিন্ন প্ল্যাটফর্ম বৈশিষ্ট্যের উপর ভিত্তি করে প্রতিবেদনগুলি উপলব্ধ করার জন্য ওয়েব অ্যাপ্লিকেশনগুলির জন্য একটি জেনেরিক রিপোর্টিং প্রক্রিয়া প্রদান করে।
এই পারমিশন পলিসি এপিআই এবং রিপোর্টিং এপিআই ইন্টিগ্রেশন ওয়েব ডেভেলপারদের এন্ডপয়েন্ট কনফিগার করার অনুমতি দেয়, যেখানে অনুমতি নীতি লঙ্ঘনের রিপোর্ট পাঠানো হবে, সাইটের মালিকদের তাদের পৃষ্ঠাগুলির জন্য কখন অননুমোদিত বৈশিষ্ট্যগুলির জন্য অনুরোধ করা হচ্ছে তা দেখতে অনুমতি দেয়।
অনুমতি নীতির সাথে ব্রাউজার বৈশিষ্ট্যগুলি নিয়ন্ত্রণ করা আরও বাস্তবায়নের বিবরণ অন্তর্ভুক্ত করে।
এবং আরো!
অবশ্যই আরো অনেক আছে.
আরামদায়ক CSS নেস্টিং বাস্তবায়ন নেস্টেড শৈলী নিয়মগুলিকে
is()দিয়ে মোড়ানো বা সামনে একটি অ্যাম্পারস্যান্ডের প্রয়োজন না করে একটি উপাদান দিয়ে শুরু করতে দেয়।মিডিয়া সেশন এপিআই-এ
enterpictureinpictureঅ্যাকশনের সাহায্যে ওয়েবসাইটগুলি একটি অ্যাকশন হ্যান্ডলার নিবন্ধন করতে পারে যা পিকচার-ইন-পিকচার বা ডকুমেন্ট পিকচার-ইন-পিকচার উইন্ডো খুলতে ব্যবহার করা যেতে পারে।এবং একটি অনুস্মারক যে Chrome তৃতীয় পক্ষের কুকিগুলিকে অবমূল্যায়ন করার দিকে কাজ করছে৷ জানুয়ারিতে একটি পরীক্ষা শুরু হয় যা আপনার ওয়েবসাইটকে প্রভাবিত করতে পারে, তাই এটি গুরুত্বপূর্ণ যে আপনি অডিটিং এবং প্রশমিত করার পদক্ষেপের জন্য তৃতীয় পক্ষের কুকির সমাপ্তির জন্য প্রস্তুতি পরীক্ষা করুন৷
আরও পড়া
এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 120-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন।
- Chrome DevTools এ নতুন কি আছে (120)
- Chrome 120 অপসারণ এবং অপসারণ
- Chrome 120-এর জন্য ChromeStatus.com আপডেট
- Chromium সোর্স রিপোজিটরি পরিবর্তনের তালিকা
- ক্রোম রিলিজ ক্যালেন্ডার
সদস্যতা
আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷
Yo soy Adriana Jara, আমাদের টিম আপনাকে ছুটির শুভেচ্ছা জানায় এবং Chrome 121 রিলিজ হওয়ার সাথে সাথে, Chrome-এ নতুন কী আছে তা জানাতে আমি এখানেই থাকব!
,
আপনার যা জানা দরকার তা এখানে:
- ক্লোজওয়াচার এপিআই ঘনিষ্ঠ অনুরোধগুলি পরিচালনা করার সময় একটি সামঞ্জস্যপূর্ণ অভিজ্ঞতা সক্ষম করে।
-
<details>উপাদান ব্যবহার করে সহজেই একটি অ্যাকর্ডিয়ন প্যাটার্ন প্রয়োগ করুন। - অনুমতি নীতি লঙ্ঘন রিপোর্ট এখন উপলব্ধ.
- এবং আরো অনেক আছে.
আমি আদ্রিয়ানা জারা। চলুন ডুব দিয়ে দেখি Chrome 120-এ ডেভেলপারদের জন্য নতুন কী রয়েছে।
CloseWatcher API।
মোডাল বা পপআপ উপাদানগুলির একটি গুরুত্বপূর্ণ বৈশিষ্ট্য হল যে এটি করার জন্য একটি সামঞ্জস্যপূর্ণ প্রক্রিয়া সহ বন্ধ করা সহজ। এই প্রক্রিয়াগুলিকে ক্লোজ রিকোয়েস্ট বলা হয়, এগুলি সাধারণত ডেস্কটপ প্ল্যাটফর্মে ESC কী এবং Android-এ পিছনের অঙ্গভঙ্গি বা বোতাম।
ওয়েব ডেভেলপারদের কাছে তাদের নিজস্ব উপাদানগুলির জন্য ঘনিষ্ঠ অনুরোধগুলি পরিচালনা করার কোন ভাল উপায় ছিল না। এটি বিশেষত অ্যান্ড্রয়েড ডিভাইসে সমস্যাযুক্ত, যেখানে পিছনের অঙ্গভঙ্গির জন্য সহজ বন্ধ আচরণ প্রদান করা বেশ জটিল।
ক্রোম 120 ক্লোজওয়াচারের সাথে সমাধান নিয়ে এসেছে, একটি নতুন এপিআই সরাসরি শোনা এবং ক্লোজ রিকোয়েস্টে সাড়া দেওয়ার জন্য। নতুন ক্লোজ রিকোয়েস্ট ফ্রেমওয়ার্ক ব্যবহার করার জন্য এটি <dialog> এবং popover="" এ আপগ্রেডগুলিও অন্তর্ভুক্ত করে, যাতে তারা Android ব্যাক বোতামে সাড়া দেয়।
এটি ব্যবহার করে দেখতে CloseWatcher API ডেমো চেকআউট করুন।
<details> নামের বৈশিষ্ট্য
<details> উপাদানটির জন্য name বৈশিষ্ট্য <details> HTML উপাদানগুলির একটি ক্রম ব্যবহার করে অ্যাকর্ডিয়ন প্যাটার্ন বাস্তবায়ন করা সহজ করে তোলে।
একই name একাধিক <details> উপাদান একটি গ্রুপ গঠন করে। এই সেটআপের মাধ্যমে সেই গ্রুপের সর্বাধিক একটি উপাদান একবারে খোলা যেতে পারে।
এখানে একটি গোষ্ঠীর সাথে একটি উদাহরণ রয়েছে যা নাম cookies ভাগ করে:
<details name="cookies">
<summary>Chocolate chip</summary>
Yum yum chocolate chip.
</details>
<details name="cookies">
<summary>Snickerdoodle</summary>
Yum yum snickerdoodle.
</details>
<details name="cookies">
<summary>Maicenitas</summary>
Yum yum maicenitas.
</details>
<details name="cookies">
<summary>Sugar cookies</summary>
Yum yum sugar cookies.
</details>
অনুমতি নীতি লঙ্ঘন রিপোর্ট
অনুমতি নীতি লঙ্ঘনের প্রতিবেদনগুলি এখন উপলব্ধ, এই প্রতিবেদনগুলি অনুমতি নীতি API-কে একীভূত করে যা বিকাশকারীদেরকে একটি পৃষ্ঠা, এর iframes এবং উপ-সম্পদগুলিতে উপলব্ধ ব্রাউজার বৈশিষ্ট্যগুলিকে নিয়ন্ত্রণ করতে দেয়, ব্রাউজারের জন্য রিপোর্টিং API এর সাথে প্রয়োগ করার জন্য নীতির একটি সেট ঘোষণা করে৷ রিপোর্টিং API বিভিন্ন প্ল্যাটফর্ম বৈশিষ্ট্যের উপর ভিত্তি করে প্রতিবেদনগুলি উপলব্ধ করার জন্য ওয়েব অ্যাপ্লিকেশনগুলির জন্য একটি জেনেরিক রিপোর্টিং প্রক্রিয়া প্রদান করে।
এই পারমিশন পলিসি এপিআই এবং রিপোর্টিং এপিআই ইন্টিগ্রেশন ওয়েব ডেভেলপারদের এন্ডপয়েন্ট কনফিগার করার অনুমতি দেয়, যেখানে অনুমতি নীতি লঙ্ঘনের রিপোর্ট পাঠানো হবে, সাইটের মালিকদের তাদের পৃষ্ঠাগুলির জন্য কখন অননুমোদিত বৈশিষ্ট্যগুলির জন্য অনুরোধ করা হচ্ছে তা দেখতে অনুমতি দেয়।
অনুমতি নীতির সাথে ব্রাউজার বৈশিষ্ট্যগুলি নিয়ন্ত্রণ করা আরও বাস্তবায়নের বিবরণ অন্তর্ভুক্ত করে।
এবং আরো!
অবশ্যই আরো অনেক আছে.
আরামদায়ক CSS নেস্টিং বাস্তবায়ন নেস্টেড শৈলী নিয়মগুলিকে
is()দিয়ে মোড়ানো বা সামনে একটি অ্যাম্পারস্যান্ডের প্রয়োজন না করে একটি উপাদান দিয়ে শুরু করতে দেয়।মিডিয়া সেশন এপিআই-এ
enterpictureinpictureঅ্যাকশনের সাহায্যে ওয়েবসাইটগুলি একটি অ্যাকশন হ্যান্ডলার নিবন্ধন করতে পারে যা পিকচার-ইন-পিকচার বা ডকুমেন্ট পিকচার-ইন-পিকচার উইন্ডো খুলতে ব্যবহার করা যেতে পারে।এবং একটি অনুস্মারক যে Chrome তৃতীয় পক্ষের কুকিগুলিকে অবমূল্যায়ন করার দিকে কাজ করছে৷ জানুয়ারিতে একটি পরীক্ষা শুরু হয় যা আপনার ওয়েবসাইটকে প্রভাবিত করতে পারে, তাই এটি গুরুত্বপূর্ণ যে আপনি অডিটিং এবং প্রশমিত করার পদক্ষেপের জন্য তৃতীয় পক্ষের কুকির সমাপ্তির জন্য প্রস্তুতি পরীক্ষা করুন৷
আরও পড়া
এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 120-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন।
- Chrome DevTools এ নতুন কি আছে (120)
- Chrome 120 অপসারণ এবং অপসারণ
- Chrome 120-এর জন্য ChromeStatus.com আপডেট
- Chromium সোর্স রিপোজিটরি পরিবর্তনের তালিকা
- ক্রোম রিলিজ ক্যালেন্ডার
সদস্যতা
আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷
Yo soy Adriana Jara, আমাদের টিম আপনাকে ছুটির শুভেচ্ছা জানায় এবং Chrome 121 রিলিজ হওয়ার সাথে সাথে, Chrome-এ নতুন কী আছে তা জানাতে আমি এখানেই থাকব!