পার্টিশনড পপিনস: ডেভেলপার ট্রায়ালে ওয়েব পপ-আপের জন্য একটি নতুন পদ্ধতি

Natalia Markoborodova

Chrome 132 থেকে, ডেভেলপাররা ওয়েব পপ-আপের একটি নতুন পদ্ধতির জন্য একটি ডেভেলপার ট্রায়ালে অংশগ্রহণ করতে পারেন: পার্টিশনেড পপিন। এই ডেভেলপার ট্রায়ালটি শুধুমাত্র ডেস্কটপের জন্য উপলব্ধ, এবং বৈশিষ্ট্যটি এখনও অ্যান্ড্রয়েডে উপলব্ধ নয়।

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

• ওপেনার দ্বারা বিভাজিত স্টোরেজ
• একটি মডেলের মতো UI

আমাদের কেন পার্টিশন করা পপিন দরকার?

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

যেহেতু আরও বেশি ব্যবহারকারী তৃতীয় পক্ষের কুকিজ ছাড়াই ব্রাউজিং বেছে নিচ্ছেন, তাই পরবর্তীতে তৃতীয় পক্ষের প্রেক্ষাপটে পুনরুদ্ধারের জন্য পপ-আপে ডেটা সংরক্ষণের উপর নির্ভরশীল প্রবাহগুলি ব্যাহত হতে পারে (উদাহরণস্বরূপ, সাইট জুড়ে ব্যবহারকারীর সেশন বজায় রাখার জন্য)। বিভক্ত পপইনগুলি এই সমস্যাটি সমাধান করার লক্ষ্যে কাজ করে।

পার্টিশন করা পপিন কিভাবে কাজ করে?

প্রতিটি পার্টিশন করা পপিনের স্টোরেজ তার ওপেনারে পার্টিশন করা হয়। স্টোরেজ পার্টিশনিং ক্রস-সাইট ডেটাতে অ্যাক্সেস সীমিত করে, ট্র্যাকিং ঝুঁকি এবং স্ক্রিপ্ট ইনজেকশন আক্রমণ হ্রাস করে। স্টোরেজ পার্টিশনিং কীভাবে কাজ করে তা আমাদের ডকুমেন্টেশনে জানুন।

একটি opener.example ওয়েবসাইট বিবেচনা করুন যা third-party.example থেকে কন্টেন্ট এম্বেড করে। opener.example এ ব্যক্তিগতকৃত কন্টেন্ট প্রদর্শনের জন্য, ব্যবহারকারীকে third-party.example এ সাইন ইন করতে হবে। যখন ব্যবহারকারীর ব্রাউজারে তৃতীয় পক্ষের কুকিজ ব্লক করা হয়, তখন বর্তমান পপ-আপ প্রবাহ নিম্নরূপ হয়:

1. ব্যবহারকারী একটি লগইন বোতামে ক্লিক করেন।
2. একটি ডায়ালগ খোলে।
3. ব্যবহারকারী third-party.example এর শীর্ষ স্তরের প্রসঙ্গ থেকে লগ ইন করেন এবং একটি অপার্টিশনড প্রমাণীকরণ কুকি লেখা হয়।
4. opener.example এ এমবেড করা third-party.example কন্টেন্টটি যখন প্রথম-পক্ষের প্রসঙ্গে উপস্থাপিত হয়েছিল তখন third-party.example এ লেখা নিজস্ব শীর্ষ-স্তরের কুকিতে অ্যাক্সেস পায় না। এটি ঘটে কারণ প্রমাণীকরণ কুকিটি পার্টিশনবিহীন এবং তাই এটি একটি তৃতীয়-পক্ষের কুকি।

একটি পার্টিশন করা পপিনের স্টোরেজ ওপেনারে পার্টিশন করা হয়। এটি ফ্লোয়ের ধাপ 3-4 পরিবর্তন করে:

1. ব্যবহারকারী third-party.example এর শীর্ষ-স্তরের প্রেক্ষাপট থেকে লগ ইন করে। যেহেতু এটি একটি পার্টিশন করা পপিনে খোলা থাকে, তাই স্টোরেজটি opener.example দ্বারা পার্টিশন করা হয়।

2. opener.example এ এমবেড করা third-party.example কন্টেন্টের নিজস্ব কুকিতে অ্যাক্সেস আছে যা পপিনে সেট করা ছিল, কারণ তারা একই পার্টিশন করা স্টোরেজ শেয়ার করে।

এর ওপেনার ট্যাবের সাপেক্ষে মডেলের মতো UI

পার্টিশন করা পপিনগুলির লক্ষ্য হল ব্যবহারকারীকে বুঝতে সাহায্য করা যে ওপেনার এবং পপিন সম্পর্কিত:

• যখন ব্যবহারকারী অন্য ট্যাবে স্যুইচ করেন, তখন পপইনটি স্বয়ংক্রিয়ভাবে অদৃশ্য এবং অ্যাক্সেসযোগ্য হয়ে যায়, ঠিক যেমনটি ওপেনার ট্যাব সক্রিয় থাকলেই কেবল একটি মডেল দৃশ্যমান হয়।
• যখন ব্যবহারকারী ওপেনার ট্যাবে ফিরে আসে, তখন পপইনটি আবার প্রদর্শিত হয়।
• ব্যবহারকারী পপিনের ব্রাউজারের ঠিকানা বারে পরিবর্তন করতে পারবেন না।

চেষ্টা করে দেখো

Chrome 132 পার্টিশনড পপিনস বৈশিষ্ট্যের জন্য একটি ডেভেলপার ট্রায়াল চালু করছে। এর অর্থ হল বৈশিষ্ট্যটি একটি পতাকার পিছনে উপলব্ধ থাকবে। আপনি কীভাবে পার্টিশনড পপিনগুলি চেষ্টা করতে পারেন তা এখানে দেওয়া হল:

1. নিশ্চিত করুন যে আপনি Chrome 132 বা তার পরবর্তী সংস্করণ ব্যবহার করছেন।
2. chrome://flags#partitioned-popins এ নেভিগেট করুন এবং বৈশিষ্ট্য পতাকাটি সক্ষম করুন।
3. Chrome পুনরায় চালু করুন।
4. আমাদের ডেমোটি ব্যবহার করে দেখুন।

আপনার ওয়েবসাইটে পার্টিশন করা পপইন ব্যবহার করুন

আপনার ওয়েবসাইটে একটি পার্টিশন করা পপিন ব্যবহার করতে, popin প্যারামিটার পাস করে window.open() পদ্ধতিটি কল করুন:

window.open("third-party-popin.example", "_blank", "popin");

আপনার মতামত শেয়ার করুন

আমরা বিভাজিত পপইনগুলি অন্বেষণ করছি এবং ডেভেলপারদের প্রতিক্রিয়া খুঁজছি। এখানে কিছু সম্ভাব্য ব্যবহারের ক্ষেত্রে দৃশ্যপট রয়েছে:

• ব্যবহারকারী প্রমাণীকরণ প্রবাহ । যদি আপনার একটি কাস্টম প্রমাণীকরণ প্রবাহ বাস্তবায়িত হয় এবং প্রমাণীকরণটি আপনার সাইটের চেয়ে ভিন্ন ডোমেনে ঘটে (উদাহরণস্বরূপ, site.example ব্যবহারকারীরা auth-site.example এ সাইন ইন করেন), তাহলে ওপেনার পৃষ্ঠায় সেশন কুকি ব্যবহার করতে একটি পপিনে প্রমাণীকরণ পৃষ্ঠাটি খোলার চেষ্টা করুন।
• এমবেডেড কন্টেন্ট। পার্টিশন করা পপইন ব্যবহার করে দেখুন যাতে তৃতীয় পক্ষের উইজেট থেকে অতিরিক্ত কন্টেন্ট, যেমন সেটিংস ডায়ালগ, ছবি বা PDF (অথবা অন্যান্য কন্টেন্ট যা সাধারণত পপ-আপে লোড করা হয়), বড় উইন্ডোতে রেন্ডার করা হয়। এই ক্ষেত্রে, পার্টিশন করা পপইনের লক্ষ্য হল তৃতীয় পক্ষের উইজেট এবং আপনার সাইটের মধ্যে ব্যবহারকারীর সেশন অবস্থা বজায় রাখা।

যদি আপনার সমাধানগুলিতে এই পরিস্থিতিগুলির কোনও থাকে, অন্য ব্যবহারের ক্ষেত্রে মনে থাকে, অথবা এই বৈশিষ্ট্যটির ভবিষ্যত গঠনে সহায়তা করতে চান, তাহলে এটি ব্যবহার করে দেখুন এবং আমাদের জানান:

• আপনি কি কোন সমস্যার সম্মুখীন হয়েছেন?
• আরও ভালো ব্যবহারকারীর অভিজ্ঞতার জন্য আপনার কি কোন পরামর্শ আছে?
• আরও ভালো UI এর জন্য আপনার কি কোন পরামর্শ আছে? বিশেষ করে, আপনি কি দেখতে পান যে UI স্পষ্টভাবে নির্দেশ করে যে ওপেনার এবং পপিন সম্পর্কিত?
• এই বৈশিষ্ট্যটি আপনার কাছে কতটা কার্যকর বলে মনে হয়?
• পার্টিশন করা পপিন ব্যবহার করার জন্য কি অন্য কোন ব্যবহারের ক্ষেত্রে আপনি আগ্রহী?

আপনার মতামত জানাতে GitHub-এ একটি সমস্যা ফাইল করুন।