شروع کنید
به توسعه Chrome Extension خوش آمدید. همه چیزهایی را که برای شروع ساخت و توزیع اولین افزونه Chrome خود نیاز دارید، کشف کنید.
بررسی اجمالی
پسوندها چیست؟
برنامههای افزودنی Chrome با سفارشیسازی رابط کاربری، مشاهده رویدادهای مرورگر و اصلاح وب، تجربه مرور را بهبود میبخشد. برای نمونههای بیشتری از کارهایی که افزونهها میتوانند انجام دهند، از فروشگاه وب Chrome دیدن کنید. ، افزونه های Chrome با سفارشی کردن رابط کاربری، مشاهده رویدادهای مرورگر و اصلاح وب، تجربه مرور را بهبود می بخشد. برای نمونههای بیشتری از کارهایی که افزونهها میتوانند انجام دهند، از فروشگاه وب Chrome دیدن کنید.
چگونه ساخته شده اند؟
میتوانید با استفاده از همان فناوریهای وب که برای ایجاد برنامههای وب استفاده میشوند، برنامههای افزودنی بسازید: HTML ، CSS ، و جاوا اسکریپت .
آن ها چه می توانند بکنند؟
علاوه بر Web APIها ، برنامههای افزودنی همچنین به APIهای برنامه افزودنی Chrome برای انجام وظایف مختلف دسترسی دارند. برای یک نمای کلی بیشتر، نگاهی به راهنمای توسعه بیاندازید. علاوه بر Web APIها ، برنامههای افزودنی همچنین به APIهای برنامه افزودنی Chrome برای انجام وظایف مختلف دسترسی دارند. برای یک نمای کلی بیشتر، نگاهی به راهنمای توسعه بیاندازید.
اصطلاحات پسوند
یک برنامه افزودنی کروم از بخش هایی تشکیل شده است که نقش های متفاوتی دارند.
آشکار
مانیفست افزونه تنها فایل مورد نیازی است که باید نام فایل خاصی داشته باشد: manifest.json. همچنین باید در فهرست اصلی برنامه افزودنی قرار گیرد. مانیفست ابرداده های مهم را ثبت می کند، منابع را تعریف می کند، مجوزها را اعلام می کند و مشخص می کند که کدام فایل ها در پس زمینه و در صفحه اجرا شوند.
کارگران خدماتی
یک سرویسکار در پسزمینه اجرا میشود و رویدادهای مرورگر را مدیریت میکند، مانند حذف یک نشانک، یا بستن یک برگه. آنها به DOM دسترسی ندارند، اما می توانید آن را با یک سند خارج از صفحه برای این مورد استفاده ترکیب کنید.
اسکریپت های محتوا
اسکریپت های محتوا جاوا اسکریپت را در زمینه یک صفحه وب اجرا می کنند.
اقدام نوار ابزار
زمانی که کاربر روی نماد نوار ابزار برنامه افزودنی کلیک می کند یا با استفاده از Action API یک پنجره بازشو نشان می دهد، کد را اجرا کنید.
وقتی کاربر روی نماد نوار ابزار برنامه افزودنی کلیک می کند یا با استفاده از Action API یک پنجره بازشو نشان می دهد، کد را اجرا کنید.
پنل کناری
نمایش رابط کاربری سفارشی در پانل کناری مرورگر.
DeclarativeNetRequest
درخواست های شبکه را رهگیری، مسدود یا تغییر دهید.
انتشار در فروشگاه وب Chrome، انتشار در فروشگاه وب Chrome
اگر در حال ساختن افزونه برای خود هستید، آموزش شروع ما را بررسی کنید. اگر میخواهید در فروشگاه وب Chrome منتشر کنید، ابتدا باید چند چیز را بدانید. اگر برنامه افزودنی را برای خود میسازید، آموزش شروع ما را بررسی کنید. اگر میخواهید در فروشگاه وب Chrome منتشر کنید، ابتدا باید چند نکته را بدانید.
یک افزونه با کیفیت بالا طراحی کنید
هنگام انتخاب ویژگی هایی که باید پشتیبانی شوند، مطمئن شوید که برنامه افزودنی شما یک هدف واحد را برآورده می کند که به طور محدود تعریف شده است و درک آن آسان است. هنگام انتخاب ویژگی هایی که باید پشتیبانی شوند، مطمئن شوید که برنامه افزودنی شما یک هدف واحد را برآورده می کند که به طور محدود تعریف شده است و درک آن آسان است.
با سیاست ها آشنا شوید
برنامه های افزودنی توزیع شده در فروشگاه وب Chrome باید با خط مشی های برنامه توسعه دهنده مطابقت داشته باشد. این خطمشیها را بررسی کنید تا مطمئن شوید برنامه افزودنی شما میتواند در فروشگاه وب Chrome میزبانی شود. ,برنامه های افزودنی توزیع شده در فروشگاه وب Chrome باید با خط مشی های برنامه توسعه دهنده مطابقت داشته باشد. این خطمشیها را بررسی کنید تا مطمئن شوید برنامه افزودنی شما میتواند در فروشگاه وب Chrome میزبانی شود.
شامل تمام منطق پسوند، شامل تمام منطق پسوند
هنگام نوشتن کد خود، به خاطر داشته باشید که تمام منطق باید در بسته افزونه گنجانده شود. این بدان معناست که هیچ کد جاوا اسکریپت اضافی ممکن است در زمان اجرا دانلود نشود. بهبود امنیت برنامه افزودنی جایگزین هایی برای اجرای کدهای میزبان از راه دور فراهم می کند. هنگام نوشتن کد خود، به خاطر داشته باشید که تمام منطق باید در بسته افزونه گنجانده شود. این بدان معناست که هیچ کد جاوا اسکریپت اضافی ممکن است در زمان اجرا دانلود نشود. بهبود امنیت برنامه افزودنی جایگزین هایی برای اجرای کدهای میزبان از راه دور فراهم می کند.
آموزش ها
هر یک از آموزشهای زیر را برای شروع سفر یادگیری افزونه خود انتخاب کنید.
اولین افزونه شما
اولین برنامه افزودنی hello world خود را ایجاد کنید، جایی که با گردش کار توسعه برنامه های افزودنی آشنا می شوید.
اسکریپت ها را در هر صفحه اجرا کنید
یاد بگیرید که به طور خودکار عناصر را به یک سایت مشخص اضافه کنید.
اسکریپت ها را به تب فعال تزریق کنید
با کلیک کردن بر روی نماد نوار ابزار، سبک صفحه فعلی را ساده کنید.
یک مدیر برگه ایجاد کنید
یاد بگیرید که یک پنجره بازشو ایجاد کنید که برگه های شما را مدیریت کند.
رویدادها را با کارگران خدمات اداره کنید
ایجاد و اشکالزدایی یک کارگر خدمات افزودنی را بیاموزید.
افزونه خود را اشکال زدایی کنید
یاد بگیرید که گزارشها و پیامهای خطا را در حین اشکالزدایی پیدا کنید.