به توسعه Chrome Extension خوش آمدید. همه چیزهایی را که برای شروع ساخت و توزیع اولین افزونه Chrome خود نیاز دارید، کشف کنید.

بررسی اجمالی

برنامه‌های افزودنی Chrome با سفارشی‌سازی رابط کاربری، مشاهده رویدادهای مرورگر و اصلاح وب، تجربه مرور را بهبود می‌بخشد. برای نمونه‌های بیشتری از کارهایی که افزونه‌ها می‌توانند انجام دهند، از فروشگاه وب Chrome دیدن کنید. ، افزونه های Chrome با سفارشی کردن رابط کاربری، مشاهده رویدادهای مرورگر و اصلاح وب، تجربه مرور را بهبود می بخشد. برای نمونه‌های بیشتری از کارهایی که افزونه‌ها می‌توانند انجام دهند، از فروشگاه وب Chrome دیدن کنید.
می‌توانید با استفاده از همان فناوری‌های وب که برای ایجاد برنامه‌های وب استفاده می‌شوند، برنامه‌های افزودنی بسازید: HTML ، CSS ، و جاوا اسکریپت .
علاوه بر Web APIها ، برنامه‌های افزودنی همچنین به APIهای برنامه افزودنی Chrome برای انجام وظایف مختلف دسترسی دارند. برای یک نمای کلی بیشتر، نگاهی به راهنمای توسعه بیاندازید. علاوه بر Web APIها ، برنامه‌های افزودنی همچنین به APIهای برنامه افزودنی Chrome برای انجام وظایف مختلف دسترسی دارند. برای یک نمای کلی بیشتر، نگاهی به راهنمای توسعه بیاندازید.

اصطلاحات پسوند

یک برنامه افزودنی کروم از بخش هایی تشکیل شده است که نقش های متفاوتی دارند.
مانیفست افزونه تنها فایل مورد نیازی است که باید نام فایل خاصی داشته باشد: manifest.json. همچنین باید در فهرست اصلی برنامه افزودنی قرار گیرد. مانیفست ابرداده های مهم را ثبت می کند، منابع را تعریف می کند، مجوزها را اعلام می کند و مشخص می کند که کدام فایل ها در پس زمینه و در صفحه اجرا شوند.
یک سرویس‌کار در پس‌زمینه اجرا می‌شود و رویدادهای مرورگر را مدیریت می‌کند، مانند حذف یک نشانک، یا بستن یک برگه. آنها به DOM دسترسی ندارند، اما می توانید آن را با یک سند خارج از صفحه برای این مورد استفاده ترکیب کنید.
اسکریپت های محتوا جاوا اسکریپت را در زمینه یک صفحه وب اجرا می کنند.
زمانی که کاربر روی نماد نوار ابزار برنامه افزودنی کلیک می کند یا با استفاده از Action API یک پنجره بازشو نشان می دهد، کد را اجرا کنید. وقتی کاربر روی نماد نوار ابزار برنامه افزودنی کلیک می کند یا با استفاده از Action API یک پنجره بازشو نشان می دهد، کد را اجرا کنید.
نمایش رابط کاربری سفارشی در پانل کناری مرورگر.
درخواست های شبکه را رهگیری، مسدود یا تغییر دهید.

انتشار در فروشگاه وب Chrome، انتشار در فروشگاه وب Chrome

اگر در حال ساختن افزونه برای خود هستید، آموزش شروع ما را بررسی کنید. اگر می‌خواهید در فروشگاه وب Chrome منتشر کنید، ابتدا باید چند چیز را بدانید. اگر برنامه افزودنی را برای خود می‌سازید، آموزش شروع ما را بررسی کنید. اگر می‌خواهید در فروشگاه وب Chrome منتشر کنید، ابتدا باید چند نکته را بدانید.
هنگام انتخاب ویژگی هایی که باید پشتیبانی شوند، مطمئن شوید که برنامه افزودنی شما یک هدف واحد را برآورده می کند که به طور محدود تعریف شده است و درک آن آسان است. هنگام انتخاب ویژگی هایی که باید پشتیبانی شوند، مطمئن شوید که برنامه افزودنی شما یک هدف واحد را برآورده می کند که به طور محدود تعریف شده است و درک آن آسان است.
برنامه های افزودنی توزیع شده در فروشگاه وب Chrome باید با خط مشی های برنامه توسعه دهنده مطابقت داشته باشد. این خط‌مشی‌ها را بررسی کنید تا مطمئن شوید برنامه افزودنی شما می‌تواند در فروشگاه وب Chrome میزبانی شود. ,برنامه های افزودنی توزیع شده در فروشگاه وب Chrome باید با خط مشی های برنامه توسعه دهنده مطابقت داشته باشد. این خط‌مشی‌ها را بررسی کنید تا مطمئن شوید برنامه افزودنی شما می‌تواند در فروشگاه وب Chrome میزبانی شود.
هنگام نوشتن کد خود، به خاطر داشته باشید که تمام منطق باید در بسته افزونه گنجانده شود. این بدان معناست که هیچ کد جاوا اسکریپت اضافی ممکن است در زمان اجرا دانلود نشود. بهبود امنیت برنامه افزودنی جایگزین هایی برای اجرای کدهای میزبان از راه دور فراهم می کند. هنگام نوشتن کد خود، به خاطر داشته باشید که تمام منطق باید در بسته افزونه گنجانده شود. این بدان معناست که هیچ کد جاوا اسکریپت اضافی ممکن است در زمان اجرا دانلود نشود. بهبود امنیت برنامه افزودنی جایگزین هایی برای اجرای کدهای میزبان از راه دور فراهم می کند.

آموزش ها

هر یک از آموزش‌های زیر را برای شروع سفر یادگیری افزونه خود انتخاب کنید.
اولین برنامه افزودنی hello world خود را ایجاد کنید، جایی که با گردش کار توسعه برنامه های افزودنی آشنا می شوید.
یاد بگیرید که به طور خودکار عناصر را به یک سایت مشخص اضافه کنید.
با کلیک کردن بر روی نماد نوار ابزار، سبک صفحه فعلی را ساده کنید.
یاد بگیرید که یک پنجره بازشو ایجاد کنید که برگه های شما را مدیریت کند.
ایجاد و اشکال‌زدایی یک کارگر خدمات افزودنی را بیاموزید.
یاد بگیرید که گزارش‌ها و پیام‌های خطا را در حین اشکال‌زدایی پیدا کنید.