আমি যদি ডোমকে এমন কিছু ওয়েব অ্যাপ পরিদর্শন করতে চাই যা এটির DOM কাঠামোটি প্রায়শই পরিবর্তন করে তবে ফায়ারবাগ এবং ক্রোম পরিদর্শক সেই পরিবর্তনগুলি প্রতিফলিত করে যা আমাকে প্রকৃতপক্ষে পরিদর্শন করতে দেয় না।
আমি যদি একটি উপাদানের দিকে ফোকাস করি এবং এটিকে আরও ভালভাবে দেখতে চাই এবং সেই উপাদানটি সরানো হয় তবে আমি সাধারণত সেই উপাদানটি পরিদর্শন করতে পারি না।
কোনও নির্দিষ্ট পয়েন্টে ওয়েব পৃষ্ঠাকে "হিমায়িত" বা কেবলমাত্র সেই সরঞ্জামগুলির জন্য পরিদর্শকের ডিওএম পরিবর্তনগুলি স্থির করার কোনও উপায় আছে কি?
উত্তর:
ক্রোম এবং ক্রোমিয়ামে আপনি বিকাশকারী সরঞ্জামগুলির এলিমেন্টস / ইন্সপেক্টর ট্যাবটির নোডে ডান ক্লিক করতে পারেন এবং সাবট্রি পরিবর্তন, বৈশিষ্ট্য পরিবর্তন এবং নোড অপসারণ বিরতি বেছে নিতে পারেন। যদিও আপনি এই ব্রেকপয়েন্টগুলিতে শর্ত যুক্ত করতে পারবেন না, যেমন কোনও নির্দিষ্ট ভেরিয়েবল একটি নির্দিষ্ট মান ধারণ করে কেবল তখনই ভেঙে দেয়, এগুলি আমার পাওয়া সেরা বিকল্পসমূহ options
ফায়ারফক্সে যে ইভেন্টগুলি আপনি ভাঙতে পারেন সেগুলি ডিবাগার ট্যাবের ডানদিকে প্রসারিত প্যানেল বোতামটি ক্লিক করে পাওয়া যায়।
সাবট্রি মডিফিকেশন ব্রেকিং খুব দরকারী যদি আপনি না জানেন কোথায় ডিওএম সংশোধন করা হবে। কেবল শর্তটি কেবল দেহ নোডে (বা উচ্চতর) সেট করুন এবং এটি তাত্ক্ষণিকভাবে শরীরের নোডের নীচে ডিওএম সংশোধনকারী কোনও স্ক্রিপ্ট থামিয়ে দেবে। এটিও খুব দরকারী যখন আপনি পরিদর্শন করতে চান এমন নোডটি এখনও বিদ্যমান না, তবে আপনি জানেন যে এটি কোথায় সন্নিবেশ করা হবে যাতে আপনি পিতামাতার সংশোধন করা যেতে পারে break
স্ক্রিপ্ট ডিবাগারটি লাইনে বসে যা পরিবর্তনের সূত্রপাত করেছিল, সেখানে ডমটি মূলত হ'ল প্রকৃত পরিবর্তন হওয়ার ঠিক আগেই এটি রাজ্যে হিমশীতল হয়ে যাবে।
একটি সমস্যা হ'ল ব্রাউজার উইন্ডোটি একটি ওভারলে পায় যা এটির সাথে কোনও ইন্টারঅ্যাকশন আটকাচ্ছে এমনকি ডান ক্লিক করে এবং অন্যান্য উপাদানগুলি পরীক্ষা করার জন্য নির্বাচন করে। অন্যান্য নোডগুলি এলিমেন্ট ট্যাবে নির্বাচন করে বা সরঞ্জাম উইন্ডোর উপরের বাম অংশে "পৃষ্ঠার একটি উপাদান নির্বাচন করুন" ক্লিক করে প্রথমে এটি পরীক্ষা করা এখনও সম্ভব।
আপনি DOM মত নির্দিষ্ট উপাদানের আছে কেমন পরিদর্শন করতে খুঁজছি থাকেন :focused, :hover, :active, অথবা :visited, আপনি যারা রাজ্যের উপাদানসমূহ ট্যাবে ডান-ক্লিক মেনু মাধ্যমে জোর করতে পারেন।