সোর্সে ভেরিয়েবল দেখুন

Chrome DevTools আপনাকে সহজেই আপনার অ্যাপ্লিকেশন জুড়ে একাধিক ভেরিয়েবল দেখতে দেয়। সোর্সের মধ্যে ভেরিয়েবল দেখা আপনাকে কনসোলের বাইরে রাখে এবং আপনার কোডের উন্নতিতে মনোযোগ দেয়।

উৎস প্যানেল আপনার অ্যাপ্লিকেশনের মধ্যে ভেরিয়েবল দেখার ক্ষমতা প্রদান করে। এটি ডিবাগার সাইডবারের ঘড়ি বিভাগে অবস্থিত। এই কার্যকারিতার সুবিধা গ্রহণ করে আপনাকে কনসোলে বারবার অবজেক্ট লগ করার প্রয়োজন হবে না।

ভেরিয়েবল যোগ করা হচ্ছে

ঘড়ির তালিকায় একটি পরিবর্তনশীল যোগ করতে বিভাগের শিরোনামের ডানদিকে যোগ আইকনটি ব্যবহার করুন। এটি একটি ইনলাইন ইনপুট খুলবে যেখানে আপনি দেখার জন্য পরিবর্তনশীল নাম প্রদান করবেন। একবার এটি পূরণ হয়ে গেলে তালিকায় যোগ করতে আপনার এন্টার কী টিপুন।

পর্যবেক্ষক আপনাকে ভেরিয়েবলের বর্তমান মানটি যোগ করার সাথে সাথে দেখাবে। যদি ভেরিয়েবল সেট করা না থাকে বা পাওয়া না যায় তবে এটি দেখাবে মান জন্য.

ভেরিয়েবল আপডেট করা হচ্ছে

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

রিফ্রেশের অনুরোধ করা হলে বর্তমান আবেদনের অবস্থা পুনরায় পরীক্ষা করা হয়। প্রতিটি দেখা আইটেম বর্তমান মান সঙ্গে আপডেট করা হবে.

ভেরিয়েবল অপসারণ

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