پسوند ها phozavos عملکردی جدید را در مرورگر اضافه می کنند.

افزودن گسترش در کروم به طور کلی آسان است.

تمام کار در مرورگر انجام می شود گوگل کروم..

بنابراین برای افزودن یک فرمت در کروم، ما وارد می شویم تنظیمات و مدیریت گوگل کروم.

پیدا کردن ورودی به تنظیمات آسان است. ماوس بر روی سه نوار افقی در گوشه سمت راست بالا. مرورگر گوگل کروم یک اشاره به نظر می رسد - راه اندازی و مدیریت گوگل کروم.

با کلیک بر روی دکمه با سه راه راه کلیک کنید. منوی زمینه باز خواهد شد (شکل 1).

شکل 1 اضافه کردن یک فرمت در Chrome - تنظیمات و کنترل Google Chrome

این میتواند با دو راه انجام شود.

اولین: که در منوی زمینه تنظیمات و مدیریت گوگل کروم کلیک تنظیماتسپس در پنجره ای که باز می شود کلیک کنید پسوند.

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

نتیجه یکسان خواهد بود. ما در حال حاضر به بخش می افتیم نصب شده نصب شده در کروم

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

شما همچنین می توانید پسوند را از طریق رشته آدرس Chromium وارد کنید با وارد کردن آدرس - کروم: // پسوند /.

همانطور که قبلا ذکر شد، در اینجا تمام برنامه های نصب شده را مشاهده خواهیم کرد.

به یک گسترش جدید را در Chrome اضافه کنید نیاز به کلیک بر روی لینک - هنوز هم گسترش می یابد .

این زیر لیست برنامه های نصب شده نصب شده است.

Extensions در اینجا بسیار زیاد است و در ابتدا مشکل است که به سرعت به سرعت اضافه شود.

برای تسهیل جستجو برای گسترش مورد نظر در سمت چپ بالا خط است جستجوی فروشگاه. اگر شما نام توسعه را می دانید، او به شما بسیار کمک خواهد کرد.

به عنوان مثال، برای پیدا کردن فرمت برای دکمه بررسی سایت، کافی است که این عبارت را وارد کنید Yandex TYC شاخص Google Google.

گسترش مطلوب باز خواهد شد.

روی دکمه کلیک کنید رایگان است. فرآیند چک کردن فرمت خواهد رفت.

سپس کادر محاوره ای ظاهر خواهد شد. تایید گسترش جدید.

کلیک اضافه کردن. بازیابی دوباره بررسی می شود و یک کادر محاوره ای ظاهر می شود، درخواست گسترش افزوده در کروم.

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

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

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

گاهی اوقات کمک می کند.

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

معمولا همه چیز با خیال راحت به پایان می رسد. گسترش جدید در Chrome اضافه شده است.

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

افزونه اضافه شده فعال خواهد شد.

بنابراین، ما به کل فرایند نگاه کردیم، افزودن گسترش در Chrome (Google Chrome).

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

برای اضافه کردن یک فرمت در Chrome، می توانید به سادگی در نوار آدرس وارد کنید:

https://chrome.google.com/webstore/category/extensions؟hl\u003dru.

برای شروع کمی درباره اینکه آیا پسوند است، شروع می شود: افزونه علاوه بر کوچک برای مرورگر، گسترش قابلیت های آن است. Extensions می تواند طیف گسترده ای از ویژگی های مختلف را انجام دهد: امکان دانلود موسیقی یا ویدئو که در آن فقط کار نمی کند، به عنوان مثال، Vkontakte یا در YouTube. ساده سازی کار با اسناد، تصاویر، امکان انتخاب موتور جستجو را در یک وضعیت خاص بدون تغییر به موتور جستجو، تغییر دهید ظاهر سایت.

Extensions در Google Chrome از فروشگاه رسمی برنامه نصب شده است، اجازه دهید نام شما را اشتباه نگیرید - چیزی را خریداری نکنید. برای رسیدن به فروشگاه Extension، پیوند را دنبال کنید

یا با استفاده از منوی مرورگر به فروشگاه بروید: در گوشه سمت راست بالا مرورگر، دکمه را با سه امتیاز فشار دهید. منوی مرورگر باز می شود، شما باید انتخاب کنید "ابزارهای اضافی". پنجره دیگری ظاهر می شود که در آن شما نیاز به پیدا کردن مورد دارید. "پسوند" و روی آن کلیک کنید:

در حال حاضر شما در برگه ای با افزونه های نصب شده در مرورگر هستید. اگر قبل از آن هیچ افزودنی وجود نداشته باشد، هیچ چیز وجود نخواهد داشت، یا پسوند های پیش نصب شده از Google Chrome نمایش داده می شود - اسناد، ارائه ها، جداول. بستگی به نسخه مرورگر دارد. چپ را در سمت چپ به آیتم منو فشار دهید "پسوند"سپس طبقه پایین "باز فروشگاه آنلاین Chrome":

پس از آن شما به فروشگاه Extension منتقل خواهید شد. در اینجا شما می توانید تمام موجودات را مشاهده کنید، آنها را به دسته ها، ویژگی ها، تخمین ها مرتب کنید. تنها منهای یک زبان است، نه همه پسوند ها توصیف و رابط کاربری در روسیه دارند.

اگر می دانید چه نوع گسترش شما نیاز دارید، کافی است که نام خود را وارد کنید "جستجو بر اساس فروشگاه" و ENTER را فشار دهید. لطفا توجه داشته باشید که نتایج جستجو ممکن است نه تنها گسترش، بلکه برنامه های کاربردی باشد. اشتباه نکنید، نتایج جستجو را انتخاب کنید "پسوند". از نتایج یافت شده، فرمت مورد نظر و کلیک را انتخاب کنید "نصب":

پس از نصب در گوشه سمت راست بالا، یک آیکون باید ظاهر شود، که پس از آن افزونه کنترل می شود، تنظیم آن، فعال کردن یا غیرفعال کردن هر توابع:

تنظیمات با کلیک کردن فعال می شوند دکمه سمت راست موش در آیکون. در بعضی موارد، آیکون ها ممکن است نباشد، همه چیز به گسترش توسعه و قابلیت های آن بستگی دارد.

نحوه نصب فرمت شخص ثالث در Google Chrome

اگر شما یک فرمت شخص ثالث یا اسکریپت کاربر از منبع اعتماد دارید، اما به هر دلیلی در فروشگاه Google Chrome این افزونه از دست رفته است، نصب کنید در روش متداول این کار نخواهد کرد. برای اطمینان از ایمنی، نصب افزونه های شخص ثالث، I.E. پسوند نه از فروشگاه، در کروم ممنوع است. در زیر راه هایی است که این محدودیت را می توان از بین برد.

نصب فرمت دانلود شده در format.crx

1. در ابتدا، شما باید صفحه گسترش را در مرورگر باز کنید، نحوه انجام این کار در بالا شرح داده شده است: منوی مرورگر در گوشه بالا سمت راست\u003e ابزارهای اضافی\u003e پسوند. یا کپی کروم: // extensions / مرورگر را در نوار آدرس قرار دهید و Enter را فشار دهید.
2. در بالای صفحه، سوئیچ "حالت توسعه دهنده" وجود دارد، آن را فعال کنید. در زیر ظاهر خواهد شد 3. دکمه های اضافی: "گسترش بسته" و "به روز رسانی پسوند":

1. فایل گسترش به پایان برسد .crx، تغییر نام آن را به طوری که آن را به پایان می رسد .zip و آن را با استفاده از آرشیوور به عنوان یک آرشیو عادی باز کنید. آن را به یک پوشه آماده شده برای این (به عنوان مثال، یک پوشه را با نام پسوند ها در دیسک "C" یا هر نام دیگری ایجاد کنید) را باز کنید.
2. در مرورگر، در صفحه extension، روی دکمه کلیک کنید "دانلود بازپرداخت بازپرداخت" و در پنجره ای که ظاهر می شود، پوشه ایجاد شده را انتخاب کنید، و سپس روی OK کلیک کنید.

پسوند در مرورگر نصب می شود، در حال حاضر تنها با حرکت دادن سوئیچ کنار فرمت به موقعیت "شامل" باقی می ماند.

نصب اسکریپت کاربر - مشاهده file.user.js در Google Chrome

مد اول، ساده تر، اما نیاز به گسترش اضافی. پسوند tampermonkey نامیده می شود، باید از آن نصب شود فروشگاه گوگل کروم پس از نصب، آن را در گوشه بالا سمت راست مرورگر در دسترس خواهد بود. هنگامی که فشار می دهید دکمه سمت چپ ماوس این پنجره در آیکون فرمت ظاهر می شود:

که در آن شما باید مورد را انتخاب کنید "ايجاد كردن اسکریپت جدید» . توجه داشته باشید، مورد مخالف "مشمول" باید تیک سبز را تحمل کند.

یک پنجره برای ایجاد یک اسکریپت جدید باز خواهد شد. حالا شما باید کاربر دانلود شده را با استفاده از یک ویرایشگر متن، کد از آن برای کپی و چسباندن به این پنجره در مرورگر باز کنید. سپس روی کلیک کنید "فایل -\u003e ذخیره":

اسکریپت آماده کار است.

راه دوم برای نصب اسکریپت کاربر - بدون پسوند برای انجام این کار، اسکریپت باید نهایی شود، یک فایل manifest.json برای آن ایجاد کند، به لطف اینکه اسکریپت را می توان به عنوان یک فرمت بازپرداخت نصب کرد.

1. ابتدا شما باید فایل اسکریپت خود را با نام * .user.js دانلود کنید.
2. در حال حاضر یک پوشه ایجاد کنید و یک اسکریپت را در آن قرار دهید (به عنوان مثال، یک پوشه را با نام پسوند ها در دیسک "C" یا هر نام دیگری ایجاد کنید).
3. اسکریپت را با استفاده از یک ویرایشگر متن باز کنید. توجه داشته باشید! پنجره های معمولی نوت بوک ممکن است بیفتد - توصیه می شود از آن استفاده کنید ویرایشگر متن با توانایی تغییر رمزگذاری، مانند دفترچه یادداشت ++. متن این دو فایل باید در کدگذاری UTF-8 باشد، در غیر این صورت نصب آن کار نخواهد کرد.در فایل اسکریپت، در همان ابتدا، خطوط زیر را پیدا کنید:

//name ... //version ... //description ... //include ... (شاید چند) //exclude ... (شاید چند)

1. در همان پوشه، یک فایل manifest.json ایجاد کنید و این الگو را به آن وارد کنید (یا فایل به پایان رسید):

("content_scripts": ["exclude_globs": ["Exclude_I_I_I_PUT_IMEXCLUDE_DIRS"]، "exclude_matches" :، "all_globs": ["all_domy_) _iz_include_dens"]، "js": ["file_sername_seriskript.js"]، "مسابقات": [ "http: // * / *"، "https: // * / *"]، "run_at": "document_idle")]، "converted_from_user_script": true، "توضیحات": "description__ser_surscript"، "نام": " پرس و جو_seriskript_ "،" نسخه ":" Eversion_Mersissisisisis شماره "،" Manifest_Version ": 2)

"content_sicts": [( "exclude_globs": [ "all_domen_i_puti_if_exclude_diurs"] , "exclude_matches": "include_globs": [ "all_domen_i_puti_ip_include_dirs"] , : "description_bead_seriscript", "نام": "lady_ser_serviccript", "نسخه": "Review Number_servism", "Manifest_version": 2

آن را با داده های اعزامی که در پاراگراف 3 جستجو کرده اید پر کنید.

انتشار number_serviccript - تا 4 عدد، از طریق نقاط جدا شده است. به عنوان مثال، 2.1.3

file_ser_sister_name.js. - نام فایل اسکریپت در کنار فایل manifest.json قرار دارد

all_yomen_i_puti_include_directs - هر کدام در نقل قول ها، با کاما، با تمام Metacols مانند "*" - همه مسیرها از دستورالعمل های innclude، که در ابتدای فایل کاربر نوشته شده اند (به عنوان مثال ["http://site1.ru/" ، "http: // site2.ru/*"])؛

all_omen_i_puti_s_exclude_directs - همان، برای دستورالعمل exclude

پس از همه چیز آماده است، اسکریپت کاربر به عنوان یک گسترش شخص ثالث نصب شده است. منوی مرورگر در گوشه بالا سمت راست\u003e ابزارهای اضافی\u003e برنامه های افزودنی. علامت "حالت توسعه دهنده" را علامت بزنید، سپس "Download Unpacked Extension ..." را انتخاب کنید و در پنجره ای که باز می شود، یک پوشه را با فایل های ایجاد شده انتخاب کنید. اگر همه چیز به درستی انجام شود، اسکریپت کاربر به مرورگر اضافه می شود و فعال می شود. تنها مشکل این روش این واقعیت که هر بار که مرورگر را شروع می کنید این پنجره را مطرح می کند:

اطلاع رسانی این است که دارای یک فرمت شخص ثالث است که ممکن است ناامن باشد. به اندازه کافی کلیک کنید "لغو" و همه چیز کار خواهد کرد.

آیا تا به حال فکر کرده اید که چگونه یک فرمت برای Chrome ایجاد کنید؟ خوب، من اینجا هستم تا به شما بگویم که چقدر آسان است. این مراحل را دنبال کنید، ایده شما تبدیل به یک واقعیت خواهد شد و شما فورا می توانید گسترش واقعی را در فروشگاه آنلاین Chrome منتشر کنید.

Chrome Extension چیست؟

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

چه میخواهید ایجاد کنید؟

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

طرح

چند وقت پیش از Extension Unsplash استفاده کردم - تصاویر پس زمینه خوب را در برگه پیش فرض خالی نشان داد. بعدا، من آن را با گسترش Muzli جایگزین کردم، که تب را به طور پیش فرض در نوار طراحی و اخبار از کل اینترنت تبدیل می کند.

بیایید از این دو پسوند به عنوان الهام بخش برای ایجاد چیزی جدید استفاده کنیم، اما این بار برای دوستداران فیلم. ایده من این است که تصویر پس زمینه گاه به گاه فیلم را هر بار که یک برگه جدید را باز کنید، نشان دهید. هنگامی که پیمایش، گسترش باید تبدیل شود کانال خوب درباره فیلم های محبوب و نمایش های تلویزیونی. بیا شروع کنیم.

مرحله اول: راه اندازی

گام اول این است که یک فایل آشکار به نام Manifest.json ایجاد کنید. این فایل متادیتا در فرمت JSONکه شامل ویژگی هایی مانند نام فرمت، توضیحات، شماره نسخه و غیره است. در این فایل، ما به Chrome اطلاع می دهیم که تمدید انجام خواهد داد، و چه مجوز های آن نیاز دارد.

برای گسترش، ما باید مجوز کنترل ActiveTab را داشته باشیم، بنابراین فایل manifest.json ما به نظر می رسد:

("Mankest_Version": 2، "نام": "Raterfox"، "توضیحات": "محبوب ترین فیلم ها و تلویزیون های تلویزیونی در برگه پیش فرض خود. شامل رتبه بندی ها، خلاصه ها و توانایی تماشای تریلر."، "نسخه": " 1 "،" نویسنده ":" جیک پرین "،" browser_action ": (" default_icon ":" tab-icon.png "،" default_title ":" یک روز خوب ")،" Chrome_url_Overrides ": (" NewTab ": "newtab.html")، "مجوزها": ["ActiveTab"])

همانطور که می بینید، مشخص می کنیم که newtab.html یک فایل HTML است که باید هر بار که باز می شود نمایش داده شود درج جدید. برای انجام این کار، ما باید مجوز مدیریت ActiveTab را داشته باشیم، زمانی که کاربر تلاش می کند تا پسوند را تنظیم کند، آنها در مورد تمام مجوزهایی که گسترش لازم است هشدار داده می شود.

یکی بیشتر نکته جالب Inside Manifest.json اقدامات مرورگر است. در این مثال، ما از آن برای تنظیم عنوان استفاده می کنیم، اما پارامترهای بیشتری به طور کلی وجود دارد. به عنوان مثال، برای نشان دادن پنجره پاپ آپ هنگامی که آیکون برنامه را در داخل فشار دهید خط آدرسهمه چیزهایی که باید انجام دهید چیزی شبیه به این است:

"browser_action": ("default_popup": "popup.html"،)،

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

مرحله دوم: بررسی کنید که آیا کار می کند

گام بعدی این است که یک فایل newtab.html ایجاد کنید و در جهان سلام کنید:

سلام دنیا!

برای بررسی اینکه آیا این کار می کند، به Chrome مراجعه کنید: // extensions در مرورگر خود و اطمینان حاصل کنید که کادر تأیید حالت توسعه دهنده در گوشه سمت راست بالا نصب شده است.

روی Load Extension Unpacked کلیک کنید و دایرکتوری را که در آن فایل های پسوند خود را زندگی می کنید را انتخاب کنید. اگر فرمت معتبر باشد، بلافاصله فعال خواهد شد تا بتوانید یک برگه جدید را باز کنید و "Hello World" خود را ببینید.

مرحله سوم: طراحی خوبی را انجام دهید

حالا که اولین تابع ما ظاهر شده است، وقت آن است که آن را زیبا کنیم. ما می توانیم به سادگی یک برگه جدید را با ایجاد یک فایل main.css در دایرکتوری فرمت ما ایجاد کنیم و آن را به فایل newtab.html ما دانلود کنیم. همین امر با فایل فعال سازی جاوا اسکریپت برای هر توابع فعال که می خواهید استفاده کنید، اتفاق می افتد. فرض میکنم قبلا صفحات وب را ایجاد کرده اید، و اکنون می توانید از مهارت های خود برای نشان دادن همه کاربران ما که می خواهید استفاده کنید.

طرح پایان

همه چیزهایی که من نیاز به تکمیل توسعه دارد، HTML، CSS و جاوا اسکریپت است، بنابراین من فکر نمی کنم مهم باشد که خود را در کد غوطه ور کنید، بنابراین به سرعت به شما می گویم.

این چیزی است که من انجام دادم:

برای ایده من، من نیاز به تصاویر پس زمینه خوب، بنابراین در فایل جاوا اسکریپت من از API TMDB استفاده کردم تا لیستی از فیلم های محبوب را دریافت کنم، تصاویر پسزمینه خود را دریافت کردم و آنها را در یک آرایه قرار دادم. هر زمان که صفحه آن را بارگذاری می کند، به طور تصادفی یک تصویر از این آرایه را انتخاب می کند و آن را به عنوان پس زمینه صفحه تنظیم می کند. برای ایجاد این صفحه جالب تر، من همچنین تاریخ فعلی را در گوشه سمت راست بالا اضافه کردم. و برای دریافت برای اطلاعات بیشتراین اجازه می دهد تا کاربران را بر روی پس زمینه کلیک کنید، که منجر به بازدید از صفحه فیلم IMDB می شود.

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

نتیجه

در حال حاضر با این فایل Manifest.json کوچک و برخی از HTML، CSS و جاوا اسکریپت، هر برگه جدید که باز می کنید، به نظر می رسد بسیار جالب تر است:

مرحله 4. انتشار گسترش

هنگامی که اولین گسترش کروم شما به نظر می رسد زیبا و کار می کند به عنوان آن باید، وقت آن است که آن را در فروشگاه Chrome منتشر کنید. فقط از طریق این لینک بروید تا به نوار ابزار Chrome Web Store بروید (از شما خواسته می شود که وارد کنید حساب گوگل، اگر نه). سپس روی دکمه "افزودن آیتم جدید" کلیک کنید، شرایط را قبول کنید و به صفحه بروید که می توانید پسوند را دانلود کنید. در حال حاضر پوشه حاوی پروژه خود را فشرده کنید و این فایل زیپ را بارگیری کنید.

پس از موفقیت دانلود فایل، فرم را خواهید دید که در آن شما باید برخی از اطلاعات مربوط به گسترش خود را اضافه کنید. شما می توانید یک آیکون اضافه کنید توصیف همراه با جزئیات، بارگذاری برخی از تصاویر و غیره.

اطمینان حاصل کنید که برخی از تصاویر خوب را برای نشان دادن پروژه خود ارائه می دهید. فروشگاه می تواند از این تصاویر برای ترویج پروژه نوآورانه خود استفاده کند. تصاویر بیشتری را ارائه می دهید، بیشتر قابل توجه است، پسوند شما خواهد بود. شما می توانید ببینید که چگونه فرمت شما در یک فروشگاه اینترنتی با کلیک کردن روی " پیش نمایش" هنگامی که شما در نتیجه راضی هستید، روی «انتشار تغییرات» کلیک کنید. آماده!

این فقط برای دریافت کاربران باقی می ماند!

خروجی

توسعه دهنده وب بسیار آسان است برای ایجاد فرمت Chrome. همه چیزهایی که شما نیاز دارید، HTML، CSS، جاوا اسکریپت و دانش عمومی در مورد چگونگی اضافه کردن عملکرد با استفاده از برخی از API های جاوا اسکریپت که Chrome فراهم می کند. اولین فرمت شما را می توان در فروشگاه آنلاین Chrome در 20 دقیقه منتشر کرد. البته ایجاد یک فرمت جدید و زیبا، البته، کمی طولانی تر است. اما این همه به شما بستگی دارد!

با استفاده از تفکر خلاق خود را به چیزی جالب توجه، اما اگر شما تا به حال گیر کرده اید، مستندات عالی برای آن وجود دارد افزونه های Chrome - او احتمالا قادر خواهد بود به شما کمک کند.

اگر شما یک تایپ را پیدا کرده اید - آن را برجسته کرده و Ctrl + Enter را فشار دهید! شما می توانید با ما تماس بگیرید.