چگونه فایلهای جاوا اسکریپت درست را برای جلوگیری از فشرده سازی (minification) بیابید
مقاله

چگونه فایلهای جاوا اسکریپت درست را برای جلوگیری از فشرده سازی (minification) بیابید

عیب یابی جاوا اسکریپت بسیار مشکل است، مخصوصاً وقتی فایل های زیادی دارید. با این حال، گاهی اوقات ممکن است بتوانید با بررسی خطاهای console، فایل های مشکل ساز را شناسایی کرده و از فشرده سازی آنها جلوگیری کنید.

در این مثال، به صورت خاص از مرورگر Chrome استفاده شده است.

  1. ابزارهای برنامه نویسی (Developer Tools) را باز کنید. این کار را می توانید با کلیک راست بر روی صفحه وب سایت و انتخاب Inspect انجام دهید یا از کلید F12 استفاده نمایید.
  2. نشانگر پیام خطای قرمز رنگ را در سمت راست پیدا کنید:

جلوگیری از فشرده سازی فایل جاوا اسکریپت

تصویر (1)

  1. روی آن کلیک کنید تا "Console" باز شود سپس روی فایل مشخص شده در اعلان خطا کلیک کنید:

جلوگیری از فشرده سازی فایل جاوا اسکریپت

تصویر (2)

  1. این کار شما را مستقیماً به کد موجود در فایل مربوط به خطا هدایت می کند. بخشی از خطی که زیر آن خط قرمز کشیده شده است را کپی کنید:

جلوگیری از فشرده سازی فایل جاوا اسکریپت

تصویر (3)

  1. یک تب جدید باز نموده و نسخه کش نشده صفحه را بارگذاری کنید. می توانید این کار را با افزودن nowprocket? به URL انجام می دهید. با این کار نسخه کش و فشرده نشده صفحه بارگذاری می شود. این کار برای یافتن آدرس اصلی فایل ها ضروری است.

آدرس کش نشده، شبیه لینک زیر خواهد بود:

https://example.com/?nowprocket

یا لینک زیر:

https://example.com/some-page/?nowprocket

  1. ابزارهای برنامه نویسی (Developer Tools) را باز کنید سپس روی 3 نقطه در سمت راست کلیک نموده و "Search" را انتخاب کنید:

جلوگیری از فشرده سازی فایل جاوا اسکریپت

تصویر (4)

  1. کد مشکل ساز را در کادر جستجو جایگذاری (paste) کنید تا فایلی که کد در آن یافت می شود را پیدا کند:

جلوگیری از فشرده سازی فایل جاوا اسکریپت

تصویر (5)

  1. متاسفانه امکان کپی نام فایل از این صفحه وجود ندارد بنابراین برای انجام این کار، روی زبانه Network کلیک کنید (در صورت لزوم صفحه را مجددا بارگذاری نمایید تا فایلها را مشاهده کنید) سپس  لیست موجود را برای فایل موردنظر جستجو کنید:

جلوگیری از فشرده سازی فایل جاوا اسکریپت

تصویر (6)

وقتی فایل را پیدا کردید، بر روی نام فایل راست کلیک کرده، "Copy" و سپس "Copy Link Address" را انتخاب کنید.

  1. آدرس کپی شده را در فیلد متنی "Exclude JavaScript Files" در تب File Optimization افزونه WP Rocket جایگذاری (paste) کنید. اگر می خواهید همه فایلهای موجود در یک زیر پوشه (sub-folder) خاص را حذف نمایید، می توانید از وایلد کارت استفاده کنید (خط اول در فیلد متنی تصویر زیر را ببینید):

جلوگیری از فشرده سازی فایل جاوا اسکریپت

تصویر (7)

پس از ذخیره آن، می توانید صفحه موردنظر را مجددا بارگذاری کنید و بررسی نمایید که دیگر خطای جاوا اسکریپت در "Console" گزارش نشده باشد.

 

اشتراک گذاری:

نظرات

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *