CSS স্ট্যাকিং প্রসঙ্গ পরিদর্শক ইন Chrome OffiDocs সহ

বর্ণনাঃ

আপনি কি কখনও জেড-ইনডেক্স সম্পত্তি ব্যবহার করার চেষ্টা করেছেন, শুধুমাত্র এটি খুঁজে বের করার জন্য, আপনি এটি যতই উচ্চ সেট করুন না কেন, এটি প্রত্যাশিত হিসাবে কাজ করবে না? কারণ জেড-ইনডেক্স সম্পত্তি "স্ট্যাকিং প্রসঙ্গ" নামক একটি অন্তর্নিহিত ধারণার উপর নির্ভর করে।

সেগুলি কী এবং তারা কীভাবে কাজ করে তা দেখার পরে (আপনি MDN-এ যে তথ্যগুলি খুঁজে পেতে পারেন), আপনি এই প্রসঙ্গগুলি পরিদর্শন করতে এবং আপনার সম্মুখীন হতে পারে এমন যেকোনো z-index সমস্যার সমাধান করতে এই devtools এক্সটেনশনটি ব্যবহার করতে পারেন।

এই এক্সটেনশনটি একটি নতুন প্যানেল যুক্ত করবে যা একটি ট্রি ভিউতে স্ট্যাকিং প্রসঙ্গ দেখাবে এবং নির্বাচিত উপাদান সম্পর্কে কিছু দরকারী তথ্য সহ উপাদান প্যানেলে একটি নতুন সাইডবার যুক্ত করবে৷

একটি গভীর ডকুমেন্টেশন চেক করতে অনুগ্রহ করে গিথুব পৃষ্ঠাটি দেখুন: https://github।

com/andreadev-it/stacking-contexts-inspector আপনি যদি একটি সমস্যা প্রতিবেদন করতে চান বা একটি বৈশিষ্ট্য অনুরোধ করতে চান, অনুগ্রহ করে পূর্বোক্ত github সংগ্রহস্থলের ইস্যু বিভাগটি ব্যবহার করুন।

পরিবর্তন: • v.

1.1.13 - ম্যানিফেস্ট v3-এ সরানো হয়েছে। পাশাপাশি স্ট্যাকিং প্রসঙ্গ প্যানেল সাইডপ্যানে z-সূচক যুক্ত করা হয়েছে।

• v.

1.1.12 - বিক্রেতা-প্রিফিক্সড বৈশিষ্ট্য সহ স্থির করা বাগটি স্ট্যাকিং প্রসঙ্গ পরীক্ষা করার সময় সনাক্ত করা হয়নি।

• v.

1.1.11 - সাইডবারে "প্রসঙ্গ বিবরণ" বিভাগে z-সূচক মান যোগ করা হয়েছে।

• v.

1.1.10 - CWS নিরাপত্তা নীতি মেনে চলার জন্য অপ্রয়োজনীয় অনুমতির অনুরোধ সরানো হয়েছে।

• v.

1.1.9 - iframes এবং shadowDOM-এর মধ্যে বাস্তবায়িত প্রসঙ্গ DOM নোড পরিদর্শন৷

এখন এক্সটেনশন স্থানীয় ফাইলগুলিতেও কাজ করে (file:/// স্কিম)।

• v.

1.1.8 - পৃষ্ঠা পরিবর্তন হলে সতর্কবার্তা যোগ করা হয়েছে, ছায়া DOM এবং মৌলিক সেটিংসের জন্য সমর্থন।

• v.

1.1.7 - ছোট শৈলী সংশোধন.

কিছু সামান্য কোড পরিবর্তনের কারণে এখন এটি ফায়ারফক্সেও উপলব্ধ।

পরিষ্কার কোড.

• v.

1.1.5 - CSS মডিউল ট্রানজিশনের সাথে সম্পর্কিত বাগ সংশোধন করা হয়েছে (আনস্টাইলড স্পিনার)।

• v.

1.1.4 - ডার্ক থিম যোগ করা হয়েছে (আগে এটি ডার্ক থিম চালু থাকায় ব্যবহার করা যাবে না)।

• v.

1.1.3 - পৃষ্ঠা নেভিগেশনে বাগ সংশোধন করা হয়েছে।

• v.

1.1.2 - "src" অ্যাট্রিবিউট ছাড়া iframes এর জন্য সমর্থন যোগ করা হয়েছে ("src" সহ কিছু iframes কাজ করতে পারে, কিন্তু এটি আশা করা উচিত নয়)।

এছাড়াও, সাইডবারে (এলিমেন্ট প্যানেল) লোডিং সূচকটিও চালু করা হয়েছে এবং সাইডবারে এখন নিজস্ব "রিফ্রেশ প্রসঙ্গ" বোতাম রয়েছে।

• v.

1.1.1 - ফিক্সড বাগ যেখানে স্থির প্রসঙ্গগুলি তাদের পিতামাতার দ্বারা তৈরি একটি ডিসপ্লে ফ্লেক্স বা গ্রিড যেখানে সনাক্ত করা হয়নি।

• v.

1.1.0 - এখন এক্সটেনশনটি এমন ট্যাবগুলিতে কাজ করে যা এটি ইনস্টল করার সময় ইতিমধ্যে খোলা ছিল৷

- রাইট-ক্লিক প্রসঙ্গ মেনুটি প্রাসঙ্গিক বোতাম দ্বারা প্রতিস্থাপিত হয়েছে, কারণ এটি সঠিকভাবে কাজ করছিল না (এটি ভবিষ্যতে আবার যোগ করা হতে পারে)।

- এখন প্রসঙ্গ ট্রি পৃষ্ঠাটি একটি লোডিং সূচক দেখাবে যখন স্ট্যাকিং প্রসঙ্গ লোড হতে অনেক সময় নেয়।

- বিকাশকারীর দিক থেকে, এটিকে ওপেন সোর্স করার প্রথম পদক্ষেপ হিসাবে সমস্ত কোড প্র্যাক্টে সরানো হয়েছে।

• v.

1.0.1 - ছোট অ্যাক্সেসিবিলিটি পরিবর্তন এবং চাক্ষুষ পরিবর্তন।

অতিরিক্ত তথ্য:

- Andrea Dragotta দ্বারা অফার করা হয়েছে
- গড় রেটিং: 3.92 তারা (এটি পছন্দ হয়েছে)
- বিকাশকারী এই ইমেইল ঠিকানাটি spambots থেকে রক্ষা করা হচ্ছে. এটি দেখতে হলে আপনাকে JavaScript সক্রিয় করতে হবে.

CSS স্ট্যাকিং কনটেক্সট ইন্সপেক্টর ওয়েব extension OffiDocs এর সাথে একত্রিত Chromium অনলাইন