با برگه تغییرات ، تغییراتی را که در آنها ایجاد می‌کنید دنبال کنید:
- HTML در منابع با لغو محلی فعال
- CSS در Elements > Styles or Sources
- جاوا اسکریپت در منابع
تب Changes تغییراتی را که در DevTools ایجاد کرده اید نشان می دهد. اگر DevTools یا صفحه خود را مجدداً بارگیری کنید، تغییرات ناپدید می شوند.
برای تداوم تغییرات DevTools در بارگیری‌های صفحه، مراحل را در لغوهای محلی دنبال کنید.
برای اینکه DevTools تغییراتی را در منابع محلی خود بنویسد، مراحل ویرایش و ذخیره فایل‌ها را با Workspaces دنبال کنید.
تب Changes را باز کنید
برای باز کردن تب تغییرات :
Command + Shift + P (Mac) یا Control + Shift + P (Windows، Linux، ChromeOS) را فشار دهید تا Command Menu باز شود.
شروع به تایپ
changesکنید، Show Changes را انتخاب کنید و Enter را فشار دهید.
یا در گوشه سمت راست بالا کلیک کنید
DevTools > More tools > Changes را سفارشی و کنترل کنید .
تغییرات" width="800" height="460">
به طور پیش فرض، DevTools برگه Changes را در پایین پنجره DevTools شما، در کشو نمایش می دهد.
تغییرات خود را مشاهده و درک کنید
برای مشاهده تغییرات خود:
- DevTools را باز کنید .
تغییراتی در منابع خود ایجاد کنید:
- HTML: ابتدا Local overrides را فعال کنید، سپس تغییراتی را در Sources اعمال کنید
- CSS در Elements > Styles or Sources
- جاوا اسکریپت در منابع
تب Changes را باز کنید و یک فایل را در سمت راست برگه انتخاب کنید.
یک خروجی
diffمشاهده کنید که موارد زیر را برجسته می کند:
برگه Changes خروجی diff را به صورت خودکار چاپ می کند، بنابراین برای دیدن تغییرات در یک خط نیازی به اسکرول افقی ندارید.
تغییرات CSS را کپی کنید
اگر تغییراتی را در CSS در Elements > Styles ایجاد کرده اید، می توانید همه آنها را با یک دکمه کپی کنید:
تب Changes را باز کنید و در سمت راست برگه، فایل CSS را که تغییراتی در آن ایجاد کرده اید انتخاب کنید.
کلیک کنید بر روی
دکمه کپی در پایین تب تغییرات .
تمام تغییرات ایجاد شده در یک فایل را برگردانید
برای برگرداندن تغییرات ایجاد شده در یک فایل:
- در سمت چپ برگه تغییرات ، فایلی را با تغییرات برای بازگرداندن انتخاب کنید.
- در نوار عمل در پایین، کلیک کنید
همه تغییرات را به فایل فعلی برگردانید .
