پسوندها چیست؟

برنامه های افزودنی برنامه های نرم افزاری کوچکی هستند که تجربه مرور را سفارشی می کنند. آنها کاربران را قادر می سازند تا عملکرد و رفتار کروم را بر اساس نیازها یا ترجیحات فردی تنظیم کنند. آنها بر اساس فناوری های وب مانند HTML، جاوا اسکریپت و CSS ساخته شده اند.

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

تصویری از نماد یک برنامه افزودنی در نوار مرورگر

رابط های کاربری باید حداقل و دارای هدف باشند. آنها می توانند از یک نماد ساده، مانند افزونه Google Mail Checker که در بالا نشان داده شده است، تا نادیده گرفتن کل صفحه را شامل شوند.

فایل های برنامه افزودنی در یک بسته .crx فشرده می شوند که کاربر دانلود و نصب می کند. این بدان معناست که برنامه‌های افزودنی بر خلاف برنامه‌های وب معمولی به محتوای وب وابسته نیستند.

برنامه‌های افزودنی از طریق داشبورد برنامه‌نویس Chrome توزیع شده و در فروشگاه وب Chrome منتشر می‌شوند. برای اطلاعات بیشتر، به مستندات توسعه‌دهنده فروشگاه مراجعه کنید.

سلام افزونه ها

با این مثال سریع Hello Extensions، یک قدم کوچک به سمت برنامه های افزودنی بردارید. با ایجاد یک دایرکتوری جدید برای ذخیره فایل های برنامه افزودنی یا دانلود آنها از صفحه نمونه شروع کنید.

سپس یک فایل به نام manifest.json اضافه کنید و کد زیر را وارد کنید:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

هر برنامه افزودنی به یک مانیفست نیاز دارد، اگرچه اکثر برنامه‌های افزودنی فقط با مانیفست کار زیادی انجام نمی‌دهند. برای این شروع سریع، برنامه افزودنی دارای یک فایل بازشو و نماد است که در قسمت browser_action اعلام شده است:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

hello_extensions.png را از اینجا دانلود کنید و سپس یک فایل با عنوان hello.html ایجاد کنید:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

اکنون پس از کلیک روی نماد، برنامه افزودنی hello.html را نشان می دهد. گام بعدی اضافه کردن دستوری در manifest.json است که میانبر صفحه کلید را فعال می کند. این مرحله سرگرم کننده است، اما ضروری نیست:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

آخرین مرحله این است که افزونه را روی دستگاه محلی خود نصب کنید.

  1. در مرورگر خود به chrome://extensions بروید. همچنین می‌توانید با کلیک بر روی منوی Chrome در سمت راست بالای Omnibox، نگه داشتن نشانگر روی More Tools و انتخاب Extensions به این صفحه دسترسی داشته باشید.
  2. کادر کنار Developer Mode را علامت بزنید.
  3. روی Load Unpacked Extension کلیک کنید و دایرکتوری برای پسوند "Hello Extensions" خود را انتخاب کنید.

تبریک می گویم! اکنون می‌توانید با کلیک کردن روی نماد hello_world.png یا با فشار دادن Ctrl+Shift+F روی صفحه‌کلید، از برنامه افزودنی مبتنی بر بازشو خود استفاده کنید.

بعدش چی؟

  1. آموزش شروع کار را دنبال کنید
  2. مرور کلی را بخوانید
  3. با خواندن وبلاگ Chromium به روز باشید
  4. در گروه chromium-extensions مشترک شوید