পরিবর্তন ট্যাবের সাথে, আপনি যে পরিবর্তনগুলি করেন তা ট্র্যাক করুন:
- সক্রিয় স্থানীয় ওভাররাইড সহ উত্সগুলিতে HTML৷
- উপাদান > শৈলী বা উৎসে CSS
- সূত্রে জাভাস্ক্রিপ্ট
পরিবর্তন ট্যাবটি DevTools-এর মধ্যে আপনার করা পরিবর্তনগুলি দেখায়। আপনি DevTools বা আপনার পৃষ্ঠা পুনরায় লোড করলে, পরিবর্তনগুলি অদৃশ্য হয়ে যাবে।
পৃষ্ঠা লোড জুড়ে DevTools পরিবর্তনগুলি বজায় রাখতে, স্থানীয় ওভাররাইডের ধাপগুলি অনুসরণ করুন।
DevTools আপনার স্থানীয় উত্সগুলিতে পরিবর্তনগুলি লিখতে, সম্পাদনা করার ধাপগুলি অনুসরণ করুন এবং ওয়ার্কস্পেসের সাথে ফাইলগুলি সংরক্ষণ করুন ৷
পরিবর্তন ট্যাব খুলুন
পরিবর্তন ট্যাব খুলতে:
কমান্ড মেনু খুলতে Command + Shift + P (Mac) বা Control + Shift + P (Windows, Linux, ChromeOS) টিপুন।
changesটাইপ করা শুরু করুন, পরিবর্তনগুলি দেখান নির্বাচন করুন এবং এন্টার টিপুন।
বিকল্পভাবে, উপরের ডানদিকে, ক্লিক করুন
DevTools > আরও টুল > পরিবর্তনগুলি কাস্টমাইজ ও নিয়ন্ত্রণ করুন ।
ডিফল্টরূপে, DevTools আপনার DevTools উইন্ডোর নীচে, ড্রয়ারে পরিবর্তন ট্যাবটি প্রদর্শন করে।
আপনার পরিবর্তন দেখুন এবং বুঝতে
আপনার পরিবর্তন দেখতে:
- DevTools খুলুন ।
আপনার উত্স পরিবর্তন করুন:
- HTML: প্রথমে, স্থানীয় ওভাররাইড সক্রিয় করুন, তারপর উত্সগুলিতে পরিবর্তন করুন৷
- উপাদান > শৈলী বা উৎসে CSS
- সূত্রে জাভাস্ক্রিপ্ট
পরিবর্তন ট্যাবটি খুলুন এবং ট্যাবের ডানদিকে একটি ফাইল নির্বাচন করুন।
একটি
diffআউটপুট পর্যবেক্ষণ করুন যা নিম্নলিখিতগুলিকে হাইলাইট করে:
পরিবর্তন ট্যাবটি স্বয়ংক্রিয়ভাবে diff আউটপুটকে সুন্দরভাবে প্রিন্ট করে, তাই আপনাকে একটি লাইনে পরিবর্তনগুলি দেখতে অনুভূমিকভাবে স্ক্রোল করতে হবে না।
CSS পরিবর্তন অনুলিপি করুন
আপনি যদি এলিমেন্টস > শৈলীতে CSS-এ পরিবর্তন করেন, আপনি একটি একক বোতাম দিয়ে সেগুলি সব কপি করতে পারেন:
পরিবর্তন ট্যাবটি খুলুন এবং ট্যাবের ডানদিকে, আপনি যে CSS ফাইলটিতে পরিবর্তন করেছেন সেটি নির্বাচন করুন।
ক্লিক করুন
পরিবর্তন ট্যাবের নীচে কপি বোতাম।
একটি ফাইলে করা সমস্ত পরিবর্তন প্রত্যাবর্তন করুন
একটি ফাইলে করা পরিবর্তনগুলি প্রত্যাবর্তন করতে:
- পরিবর্তন ট্যাবের বাম দিকে, প্রত্যাবর্তনের জন্য পরিবর্তন সহ একটি ফাইল নির্বাচন করুন।
- নীচের অ্যাকশন বারে, ক্লিক করুন
বর্তমান ফাইলে সমস্ত পরিবর্তন ফিরিয়ে দিন ।
