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

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

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

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

رابط‌های کاربری باید مینیمال و هدفمند باشند. آن‌ها می‌توانند از یک آیکون ساده، مانند افزونه‌ی بررسی ایمیل گوگل که در بالا نشان داده شده است، تا یک آیکون که کل صفحه را پوشش می‌دهد ، متغیر باشند.

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

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

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

با این مثال سریع 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 بروید. همچنین می‌توانید با کلیک روی منوی کروم در سمت راست بالای Omnibox، نگه داشتن ماوس روی More Tools و انتخاب Extensions به این صفحه دسترسی پیدا کنید.
  2. کادر کنار «حالت توسعه‌دهنده» را علامت بزنید.
  3. روی «بارگذاری افزونه‌های باز نشده» کلیک کنید و پوشه‌ی افزونه‌ی «Hello Extensions» خود را انتخاب کنید.

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

بعدش چی؟

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