شروع کار با UI

سرویس کامپایلر بستن منسوخ شده است و حذف خواهد شد. لطفاً به جای آن کامپایلر را به صورت محلی اجرا کنید.

رابط کاربری Hello World of the Closure Compiler Service

ساده ترین راه برای آشنایی با سرویس Closure Compiler، بهینه سازی چند عملکرد ساده در رابط کاربری وب سرویس است.

  1. با باز کردن این صفحه در برگه یا پنجره دیگری به رابط کاربری Closure Compiler دسترسی پیدا کنید: http://closure-compiler.appspot.com .

  2. شما باید رابط کاربری Closure Compiler را با یک تابع ساده Hello World ببینید:

    اسکرین شات رابط کاربری

  3. برای مشاهده نتیجه روی "کامپایل" کلیک کنید:

    اسکرین شات رابط کاربری

خودشه! شما اکنون یک نسخه بسیار کوچکتر از کد جاوا اسکریپت دارید که عملکرد یکسانی با کد اصلی دارد. سرویس Closure Compiler با حذف کامنت ها و فضای خالی و تغییر نام نمادهای اصلی، کد را از 92 بایت به تنها 55 بایت کاهش داد.

برای راحتی شما، سرویس Closure Compiler فایل خروجی default.js را به مدت یک ساعت در سرورهای خود میزبانی می کند. می‌توانید با کپی کردن مکان پیوندی که در بالای صفحه خروجی ارائه شده است، به URL فایل خروجی دسترسی پیدا کنید، جایی که می‌گوید کد ممکن است در {filename} نیز قابل دسترسی باشد . اگر تغییری در کد اصلی جاوا اسکریپت ایجاد کنید و آن را مجدداً در طول آن ساعت بهینه کنید، سرویس Closure Compiler فایل خروجی را با نتایج جدید بازنویسی می‌کند تا زمانی که پارامتر @output_file_name را در بالای فیلد ورودی بدون تغییر رها کنید. شما می توانید از این ویژگی به عنوان راهی سریع برای آزمایش کد کامپایل شده خود با پیوند مستقیم به فایل برنامه آزمایشی خود استفاده کنید. از سرورهای تولیدی به آن لینک ندهید.

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

بهینه سازی یک فایل جاوا اسکریپت

همچنین می توانید محتوای یک یا چند فایل جاوا اسکریپت را با استفاده از Closure Compiler UI بهینه کنید.

  1. URL http://developers.google.com/closure/compiler/samples/tutorial2.js را کپی کرده و در کادر Add a URL قرار دهید. این فایل حاوی کدهای بهینه نشده برای ایجاد گره در درخت DOM است.

  2. روی افزودن کلیک کنید. (اگر بیش از یک فایل برای افزودن داشتید، مراحل 1 و 2 را تکرار کنید تا زمانی که همه آنها را اضافه کنید. همچنین در صورت تمایل می توانید نام(های) فایل را مستقیماً در قسمت متن تایپ کنید.)

  3. اگر می خواهید سرویس Closure Compiler فایل فشرده را ارائه دهد، با استفاده از پارامتر @output_file_name در بالای فیلد ورودی، نامی برای فایل خروجی انتخاب کنید. توجه داشته باشید که پیش‌فرض نام فایل خروجی default.js است، اما باید آن را به نام معنادارتری برای پروژه خود تغییر دهید. همچنین توجه داشته باشید که سرویس Closure Compiler فایل خروجی را به مدت یک ساعت بر روی سرورهای خود میزبانی می کند.

  4. روی Compile کلیک کنید.

شما باید جاوا اسکریپت بهینه شده را در پنل سمت راست ببینید، مانند این:

اسکرین شات رابط کاربری

برای استفاده از کد بهینه‌سازی شده، می‌توانید آن را در فایل منبع خود برش داده و جای‌گذاری کنید، فایل را در دایرکتوری خود دانلود کنید یا مستقیماً در تگ اسکریپت خود به فایل پیوند دهید (تا یک ساعت).

شما به تازگی با نمونه هایی از بهینه سازی توابع ساده در رابط کاربری سرویس کامپایلر بسته کار کرده اید. ویکی را برای برخی از گزینه های وب سرویس اضافی بررسی کنید.

اگر می‌خواهید فرآیند بهینه‌سازی جاوا اسکریپت سرویس Closure Compiler را در یک سیستم بزرگ‌تر بسازید، باید مستقیماً با Closure Compiler Service API صحبت کنید. در شروع به کار با Closure Compiler Service API بیشتر بیاموزید.