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