প্রস্তাবিত <অনুমতি> উপাদান

Thomas Steiner

প্রকাশিত: 12 মে, 2025

প্রস্তাবিত HTML <permission> উপাদানটি এখনও অরিজিন ট্রায়ালে রয়েছে, কারণ Chrome টিম এটিকে পরিমার্জন করে, আমাদের প্রাথমিক উৎপত্তি ট্রায়ালে স্থাপিত ভিত্তির উপর ভিত্তি করে। এই পোস্টটি বর্ধিতকরণগুলি ভাগ করে যা ওয়েব অ্যাপ্লিকেশনগুলির মধ্যে অনুমতির অনুরোধ করার সময় আপনাকে আরও নমনীয়তা এবং নিয়ন্ত্রণ প্রদানের লক্ষ্য রাখে৷ <permission> উপাদানের ভূমিকা এবং এর প্রাথমিক ক্ষমতাগুলির একটি বিস্তৃত ওভারভিউয়ের জন্য, আমাদের আগের নিবন্ধটি পড়ুন একটি নতুন HTML <permission> উপাদানের জন্য একটি অরিজিন ট্রায়াল ।

ফলব্যাক ইউএক্সের জন্য সামগ্রী সমর্থন

<permission> উপাদানটিকে প্রাথমিকভাবে Chrome 136 পর্যন্ত সামগ্রী ছাড়াই একটি অকার্যকর উপাদান হিসাবে সংজ্ঞায়িত করা হয়েছিল। Chrome 137 থেকে এটি সামগ্রীকে সমর্থন করে, যার মানে এখন এটিকে খোলা এবং বন্ধ করার ট্যাগগুলির সাথে চিহ্নিত করা প্রয়োজন :

<permission>
  <!-- optional content -->
</permission>

এই পরিবর্তন আপনাকে উপাদানের বিষয়বস্তুর মধ্যে ফলব্যাক ব্যবহারকারী ইন্টারফেস অন্তর্ভুক্ত করতে দেয়। এই ফলব্যাকগুলি ব্রাউজারগুলিতে প্রদর্শিত হয় যেগুলি <permission> উপাদান সমর্থন করে না বা যখন একটি অসমর্থিত type বৈশিষ্ট্য নির্দিষ্ট করা হয়। এটি বিভিন্ন ব্রাউজার পরিবেশ জুড়ে আরও সুন্দর অবনতি এবং উন্নত ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করে।

<!-- Invalid `type` attribute value -->
<permission type="not-supported">
  <p>Your browser does not support the specified <code>type</code>.</p>
</permission>

আরো বিস্তারিত প্রোগ্রাম্যাটিক বৈশিষ্ট্য সনাক্তকরণ

নির্দিষ্ট ধরনের অনুমতির জন্য সমর্থন নির্ধারণে আপনাকে সাহায্য করার জন্য, আমরা একটি স্ট্যাটিক পদ্ধতি চালু করেছি, isTypeSupported() :

HTMLPermissionElement.isTypeSupported('geolocation');

এই পদ্ধতিটি একটি বুলিয়ান প্রদান করে যা নির্দেশ করে যে নির্দিষ্ট অনুমতি প্রকারটি সমর্থিত কিনা। বিদ্যমান বৈশিষ্ট্য সনাক্তকরণের সাথে মিলিত, typeof HTMLPermissionElement !== 'undefined' , আপনি এখন প্রোগ্রাম্যাটিকভাবে নিশ্চিত করতে পারেন যে <permission> উপাদানের জন্য সমর্থন এবং নির্দিষ্ট অনুমতি প্রকারের জন্য সমর্থন উভয়ই।

মনে রাখবেন যে আপনি একাধিক স্থান-বিচ্ছিন্ন অনুমতি প্রকারগুলিও পাস করতে পারেন (উদাহরণস্বরূপ, "camera microphone" ) এবং সামগ্রিক স্ট্রিংটি একটি বৈধ "type" মান কিনা তা ফিরে আসবে৷ উদাহরণস্বরূপ, নিম্নোক্ত পরামিতি সহ isTypeSupported() কল করা এই ফলাফলগুলি প্রদান করে:

• "camera" → true
• "geolocation" → true
• "camera geolocation" → false (যদিও প্রকারগুলি স্বতন্ত্রভাবে সমর্থিত, সংমিশ্রণ নয়৷)

ইভেন্টের নাম আপডেট করা হয়েছে

Chrome 136-এ, আমরা আগেরগুলিকে প্রতিস্থাপন করতে দুটি নতুন ইভেন্ট প্রবর্তন করেছি:

• onpromptdismiss ( ondismiss প্রতিস্থাপন করে)
• onpromptaction (প্রতিস্থাপন করে onresolve )

এই নতুন ইভেন্টগুলি স্পষ্ট শব্দার্থকতা প্রদান করে এবং উপাদানটির আচরণের সাথে আরও ভালভাবে সারিবদ্ধ করে। পুরানো ইভেন্টগুলি Chrome 138-এ বাতিল করা হবে, তাই আমরা সেই অনুযায়ী আপনার ইভেন্ট হ্যান্ডলারগুলিকে আপডেট করার পরামর্শ দিই৷

আইকন সমর্থন

আমরা Chrome 138 এর জন্য লক্ষ্য করা <permission> উপাদানের মধ্যে আইকন সমর্থন সক্ষম করার দিকে কাজ করছি। এই বৈশিষ্ট্যটি আপনাকে অনুমতির প্রকারের সাথে সম্পর্কিত পূর্বনির্ধারিত আইকনগুলি প্রদর্শন করতে দেবে, সীমিত স্টাইলিং বিকল্পগুলি যেমন রঙ এবং আকার সামঞ্জস্য সহ। সঠিক API বিবরণ এখনও চূড়ান্ত করা হচ্ছে. 

নিচের উদাহরণগুলি ডিফল্ট, একটি ভিন্ন ফিল কালার, এবং কোন ফিল কালার নয় কিন্তু একটি কালো আউটলাইন দেখায়।

ডিফল্ট স্টাইলিং

আইকনের ডিফল্ট রঙটি অনুমতি উপাদানের পাঠ্য রঙের মতোই।

পরিবর্তিত স্টাইলিং

নিম্নলিখিত উদাহরণগুলি ডিফল্ট স্টাইলিং-এ অনুকরণীয় পরিবর্তনগুলি দেখায়৷

আইকনের রঙ পরিবর্তন

::permission-icon {
  fill: black;
}

আইকন রূপরেখা পরিবর্তন

::permission-icon {
  fill: white;
  stroke: black;
  stroke-width: 20px;
}

আইকন নিষ্ক্রিয় করুন

একবার এটি চালু হলে, আইকনটি ডিফল্টরূপে সক্ষম হবে। আপনি যদি আইকনটি নিষ্ক্রিয় করতে চান তবে এটি নিম্নলিখিত CSS ব্যবহার করে করা যেতে পারে

::permission-icon {
  display: none;
}

শৈলী নির্দেশিকা

সর্বোত্তম অনুশীলন এবং বিধিনিষেধ সহ <permission> উপাদান স্টাইল করার বিষয়ে ব্যাপক নির্দেশনার জন্য, <permission> স্টাইলিং নির্দেশিকা পড়ুন। আপনার অ্যাপ্লিকেশনের মধ্যে উপাদানটিকে কার্যকরভাবে স্টাইল করতে সাহায্য করার জন্য এই সংস্থানটি বিস্তারিত নির্দেশনা প্রদান করে।

প্রসারিত প্ল্যাটফর্ম এবং ক্ষমতা সমর্থন

<permission> উপাদানটি এখন অতিরিক্ত প্ল্যাটফর্ম এবং ক্ষমতা সমর্থন করে:

• অ্যান্ড্রয়েড সমর্থন: উপাদানটি এখন অ্যান্ড্রয়েড ডিভাইসে কার্যকরী, বিভিন্ন ব্যবহারকারীর প্ল্যাটফর্ম জুড়ে এর প্রযোজ্যতা প্রসারিত করে।
• ভূ-অবস্থান সমর্থন: আপনি এখন একটি অতিরিক্ত preciselocation বুলিয়ান অ্যাট্রিবিউট সহ <permission> উপাদান ব্যবহার করে type="geolocation" অনুমতির অনুরোধ করতে পারেন। যদিও preciselocation বৈশিষ্ট্য শুধুমাত্র প্রম্পটের শব্দকে প্রভাবিত করে, আমরা সক্রিয়ভাবে ভবিষ্যতের আপডেটগুলিতে মোটা এবং সুনির্দিষ্ট অবস্থানের অনুমতিগুলির মধ্যে পার্থক্য করার জন্য কাজ করছি।

উপসংহার

<permission> উপাদানের এই বর্ধিতকরণগুলি অনুমতির অনুরোধগুলিকে স্ট্রীমলাইন করার এবং ওয়েবে ব্যবহারকারীর অভিজ্ঞতা উন্নত করার জন্য আমাদের চলমান প্রচেষ্টার অংশ। আমরা আপনাকে এই নতুন বৈশিষ্ট্যগুলির সাথে পরীক্ষা করার জন্য এবং এই ক্ষমতাটিকে পরিমার্জিত এবং বিকশিত করতে আমাদের সহায়তা করার জন্য প্রতিক্রিয়া প্রদান করতে উত্সাহিত করি।