পরিবর্তন: আপনার HTML, CSS, এবং JavaScript পরিবর্তনগুলি ট্র্যাক করুন

সোফিয়া ইমেলিয়ানোভা
Sofia Emelianova

পরিবর্তন ট্যাবের সাথে, আপনি যে পরিবর্তনগুলি করেন তা ট্র্যাক করুন:

পরিবর্তন ট্যাবটি DevTools-এর মধ্যে আপনার করা পরিবর্তনগুলি দেখায়। আপনি DevTools বা আপনার পৃষ্ঠা পুনরায় লোড করলে, পরিবর্তনগুলি অদৃশ্য হয়ে যাবে।

পৃষ্ঠা লোড জুড়ে DevTools পরিবর্তনগুলি বজায় রাখতে, স্থানীয় ওভাররাইডের ধাপগুলি অনুসরণ করুন।

DevTools আপনার স্থানীয় উত্সগুলিতে পরিবর্তনগুলি লিখতে, সম্পাদনা করার ধাপগুলি অনুসরণ করুন এবং ওয়ার্কস্পেসের সাথে ফাইলগুলি সংরক্ষণ করুন

পরিবর্তন ট্যাব খুলুন

পরিবর্তন ট্যাব খুলতে:

  1. DevTools খুলুন

  2. কমান্ড মেনু খুলতে Command + Shift + P (Mac) বা Control + Shift + P (Windows, Linux, ChromeOS) টিপুন।

  3. changes টাইপ করা শুরু করুন, পরিবর্তনগুলি দেখান নির্বাচন করুন এবং এন্টার টিপুন।

    Show Changes কমান্ডটি চালান

বিকল্পভাবে, উপরের ডানদিকে, ক্লিক করুন DevTools > আরও টুল > পরিবর্তনগুলি কাস্টমাইজ ও নিয়ন্ত্রণ করুন

আরও টুল ড্রপডাউনে ফোকাস করা বিকল্প পরিবর্তন করুন

ডিফল্টরূপে, DevTools আপনার DevTools উইন্ডোর নীচে, ড্রয়ারে পরিবর্তন ট্যাবটি প্রদর্শন করে।

আপনার পরিবর্তন দেখুন এবং বুঝতে

আপনার পরিবর্তন দেখতে:

  1. DevTools খুলুন
  2. আপনার উত্স পরিবর্তন করুন:

  3. পরিবর্তন ট্যাবটি খুলুন এবং ট্যাবের ডানদিকে একটি ফাইল নির্বাচন করুন।

  4. একটি diff আউটপুট পর্যবেক্ষণ করুন যা নিম্নলিখিতগুলিকে হাইলাইট করে:

পরিবর্তন ট্যাবে হাইলাইট করা পার্থক্য

পরিবর্তন ট্যাবটি স্বয়ংক্রিয়ভাবে diff আউটপুটকে সুন্দরভাবে প্রিন্ট করে, তাই আপনাকে একটি লাইনে পরিবর্তনগুলি দেখতে অনুভূমিকভাবে স্ক্রোল করতে হবে না।

CSS পরিবর্তন অনুলিপি করুন

আপনি যদি এলিমেন্টস > শৈলীতে CSS-এ পরিবর্তন করেন, আপনি একটি একক বোতাম দিয়ে সেগুলি সব কপি করতে পারেন:

  1. পরিবর্তন ট্যাবটি খুলুন এবং ট্যাবের ডানদিকে, আপনি যে CSS ফাইলটিতে পরিবর্তন করেছেন সেটি নির্বাচন করুন।

    কপি।

  2. ক্লিক করুন কপি। পরিবর্তন ট্যাবের নীচে কপি বোতাম।

একটি ফাইলে করা সমস্ত পরিবর্তন প্রত্যাবর্তন করুন

একটি ফাইলে করা পরিবর্তনগুলি প্রত্যাবর্তন করতে:

  1. পরিবর্তন ট্যাবের বাম দিকে, প্রত্যাবর্তনের জন্য পরিবর্তন সহ একটি ফাইল নির্বাচন করুন।
  2. নীচের অ্যাকশন বারে, ক্লিক করুন পূর্বাবস্থায় ফেরান বর্তমান ফাইলে সমস্ত পরিবর্তন ফিরিয়ে দিন

রিভার্ট বোতাম