**آموزش ساخت Extensions برای مروگر Chrome در 5 دقیقه

SajadCG

کاربر فعال
سلام خدمت همه دوستان گرامی.
میخوام توی این مبحث واستون روش ساخت Extensions در مروگر محبوبم یعنی کروم را آموزش بدم.:cool:
مانند تصویر زیر:
1.JPG

به هریک از این ایکن ها به اصطلاح یک launcher گفته میشود که مثل یک shortcut برای یک وب سایت عمل میکنند.
و میشه گفت روش مناسبی برای تبلیغ وب سایت هست.:)

خوب بریم سراغ آموزش:
برای ساخت Extensions ما نیاز به یک فایل با نام و پسوند Manifest.json و یک تصویر با فرمت PNG که در سایز 182*128 باید باشه داریم.

مرحله 1:
یک فولدر در یک مسیر دلخواه مثل(E:\app) بسازید .

الان باید یک آیکون با پسوند PNG در فولدر app(که قبلا ساختیم) کپی کنیم
نکته:حتما باید سایزش 128*128 باشه

بعد notpad را باز کنید و کد های زیر را داخلش کپی کنید و به جای آن عباراتی که من به فارسی نوشتم عبارات مناسب قرار بدید.
در نهایت این فایل را با نام و پسوند manifest.json در فولدری که قبلا(app) ساختید ذخیره کنید.
نکته 2:دقت کنید که حتما فایل با پسوند json ذخیره بشه و نه به صورت manifest.json.txt.
کدها:
کد:
{ 
 "name": "نام وب سایت", 
 "description": "توضیحات", 
 "version": "1.0", 
 "icons": { 
 "128": "نام آیکون.png" 
 }, 
 "app": { 
 "urls": [ 
 "http://آدرس وب سایت/" 
 ], 
 "launch": { 
 "web_url": "http://آدرس وب سایت" 
 } 
 }, 
 "permissions": [ 
 "unlimitedStorage", 
 "notifications" 
 ] 
}

در نهایت کد ها باید به این صورت باشند:

کد:
{
"name": "My Deviantart",
"description": "my Gallery",
"version": "1.0",
"icons": {
"128": "brid.png"
},
"app": {
"urls": [
"http://sajadcg.deviantart.com/"
],
"launch": {
"web_url": "http://sajadcg.deviantart.com/gallery"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}

خوب الان ما هم فایل ایکون ما آماده است و هم فایل json مانند زیر:
2.JPG


مرحله دوم:
در این مرحله ما باید فایل های خود را به کروم معرفی کنیم
برای این کار chrome را اجرا کنید و به قسمت Tools>Extensions برید و بعد developer mode را انتخاب کنید و در نهایت روی load unpacked extension کلیک کنید
3.JPG

حالا فولدری که ساختید(app) را پیدا و بعد انتخاب کنید و OK کنید.
خوب الان باید به لیست app ها اضافه شده باشه مانند تصویر زیر:
4.JPG


حالا برای اینکه بتونید این launcher را به صورت یک پکیج تبدیل کنید و در اختیار دیگران بگذارید
کافیه که در پنجره extensions بر روی Pack extension کلیک کنید و بر روی Browse در جلوی root کیک کنید و فولدر app(فولدر محتوی فایل ها) را انتخاب کنید و بعد روی pack extension کلیک کنید تا با پیغام زیر رو به رو بشید.
5.JPG

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

نویسنده و مترجم :sajadCG
 
آخرین ویرایش:

جدیدترین ارسال ها

بالا