✅ استفاده از Command Menu در Chrome DevTools
یک قابلیت کاربردی در DevTools هست به نام Command Menu که سرعت کار را میبره بالا
برای باز کردنش:
🔹 یک راه DevTools را با F12 باز کنید. بعد کلیدهای زیر
🔹 یا مثل عکس از منو انتخاب کنید
ویژگی Command Menu شبیه یک Command Palette در ویرایشگرهایی مثل VS Code است.
به جای اینکه بین تبها و منوهای مختلف DevTools جستجو کنید، نام دستور موردنظر را تایپ و همان لحظه اجرا
چند دستور کاربردی
📸 گرفتن اسکرینشات از صفحه بدون Capture screenshot
📱 حالت Responsive برای شبیهسازی موبایل Show Device Toolbar
🚫 غیرفعال کردن JavaScript برای تست رفتار سایت. Disable JavaScript
🌐نمایش و بررسی درخواستهای شبکه. Show Network Requests
🧹پاک کردن دادههای ذخیرهشده سایت برای تست مجدد. Clear Site Data
🎨 ابزارهای مرتبط با رندرینگ و عملکرد صفحه Show Rendering
لینک های کاربردی :
سایت Chrome
#Chrome #DevTools #WebDevelopment #Frontend #Programming @MehrdadLinuxchannel
یک قابلیت کاربردی در DevTools هست به نام Command Menu که سرعت کار را میبره بالا
برای باز کردنش:
🔹 یک راه DevTools را با F12 باز کنید. بعد کلیدهای زیر
Ctrl + Shift + P
🔹 یا مثل عکس از منو انتخاب کنید
ویژگی Command Menu شبیه یک Command Palette در ویرایشگرهایی مثل VS Code است.
به جای اینکه بین تبها و منوهای مختلف DevTools جستجو کنید، نام دستور موردنظر را تایپ و همان لحظه اجرا
چند دستور کاربردی
📸 گرفتن اسکرینشات از صفحه بدون Capture screenshot
📱 حالت Responsive برای شبیهسازی موبایل Show Device Toolbar
🚫 غیرفعال کردن JavaScript برای تست رفتار سایت. Disable JavaScript
🌐نمایش و بررسی درخواستهای شبکه. Show Network Requests
🧹پاک کردن دادههای ذخیرهشده سایت برای تست مجدد. Clear Site Data
🎨 ابزارهای مرتبط با رندرینگ و عملکرد صفحه Show Rendering
لینک های کاربردی :
سایت Chrome
#Chrome #DevTools #WebDevelopment #Frontend #Programming @MehrdadLinuxchannel
❤7