Бұл мақала Chrome қолданбасы пакеттерін құру және жариялау тәжірибесі бар Chrome Enterprise әкімшілері мен әзірлеушілеріне арналған.

Chrome Web Store дүкенінде сізге қажет функционалдығы бар өнім болмаса, сіз өзіңіздің қолданбаңызды немесе кеңейтімді жасай аласыз және пайдаланушылар оны Chrome OS құрылғыларына немесе Chrome браузеріне қоса алады. Мысалы, әкімші ретінде HR веб-сайтына сілтеме жасайтын пайдаланушылардың құрылғыларында жеке бетбелгі қолданбасын автоматты түрде орнатуға болады.

Дайындық

• Манифест файлы қолданба немесе кеңейтім сілтеме жасайтын мақсатты сайтты көрсетсе, сол сайттың иелігін тексеріңіз.
• Қолданбаңыз немесе кеңейтім жеке серверде орналастырылған болса, оны Chrome Web Store дүкенінде жариялауға рұқсаты бар адамдарды басқара аласыз. Қолданба сілтеме жасайтын үшінші тарап сайттары үшін меншік құқығын растауды өшіруге болады.

1-қадам: қолданбаны немесе кеңейтімді жасаңыз

Төменде мысал ретінде бетбелгі қолданбасын қолданамыз. Күрделі Chrome қолданбалары мен кеңейтімдерін жасау бойынша нұсқауларды бастау үшін нұсқаулықты қараңыз.

1. Компьютерде қолданба немесе кеңейтім файлдары сақталатын қалтаны жасаңыз. Оған қолданба атауын беріңіз.
2. Манифест файлын жасаңыз.
   1. Жасау мәтіндік редактор JavaScript файлы® Объект белгісі (JSON). Бетбелгі қолданбасы үшін мысал JSON файлын қараңыз.
   2. JSONLint сияқты құралды пайдаланып JSON файлындағы кодтың дұрыс пішімделгенін тексеріңіз.
3. Файлды орналастырыңыз manifest.jsonқолданбаға немесе кеңейтім қалтасына.
4. Логотип жасау.
   1. Кескіннің өлшемі 128 x 128 пиксель болуы керек.
   2. Логотиптік файлды сақтаңыз 128.pngқолданба қалтасында.

2-қадам: қолданбаны немесе кеңейтімді тексеріңіз

Әзірлеушілер қолданбалары мен кеңейтімдерін сынай алады Chrome браузерінемесе Chrome OS құрылғыларында.

Қолданбаның немесе кеңейтімнің ақаулықтарын жою үшін Chrome журналдарын пайдаланыңыз.

3-қадам: қолданбалар жинағын жасау (міндетті емес)

Әкімші ұйымға Chrome қолданбалары мен кеңейтімдерін орнатуға ұсыну үшін қолданбалар галереясын жасай алады.

4-қадам: қолданбаңызды немесе кеңейтімді Chrome Web Store дүкеніне жариялаңыз

Әзірлеуші ​​қолданбаны немесе кеңейтімді жалпыға қолжетімді ете алады немесе оған кіруді шектей алады. Chrome Web Store дүкенінде жариялау кезінде сізде таңдауға болатын үш опция бар.

• Қоғамдық: Кез келген адам қолданбаны тауып, орната алады.
• Сілтеме арқылы кіру: Қолданбаны немесе кеңейтімді тек сілтеме арқылы орнатуға болады. Ол Chrome Web Store дүкеніндегі іздеу нәтижелеріне қосылмаған. Сілтемені ұйымыңыздың доменінің ішіндегі және сыртындағы пайдаланушыларға жіберуге болады.
• Жеке: Домендегі пайдаланушылар ғана қолданбаны немесе кеңейтімді тауып, орната алады. Бұған қоса, өнімге кіруді тек әзірлеуші ​​құралдар тақтасында аттары көрсетілген сенімді сынақшыларға ғана шектей аласыз.

Chrome Web Store дүкеніне қолданбаны немесе кеңейтімді қосу үшін тиісті қалтаның ZIP мұрағатын жасап, өнімді жариялаңыз.

Қадам 5. Қолданбамен немесе кеңейтіммен жұмыс істеу ережелерін орнатыңыз

Google басқару тақтасында Chrome құрылғыларында және қосылған Chrome браузерінде қолданбалар мен кеңейтімдерді пайдалануды басқаруға болады Windows компьютерлеріұйымыңыздағы , Mac және Linux. Chrome ережелерін теңшеуге болады

Пайдаланушылардың әртүрлі санаттары үшін жасалған бірнеше нұсқалар бар. Олардың бірі деп аталады Google ChromeӘзірлеуші ​​шығарылымы. Бұл қандай нұсқа және ол не үшін қажет? Бұл осы материалда талқыланатын болады.

Айта кету керек, Chrome балама құрылымдары ұзақ уақыт бойы пайда болды. Олар осы танымал браузерді іске қосу нұсқасынан бастап сүйемелдейді. Бірақ барлық пайдаланушылар балама опциялар үшін қолайлы емес.

Шын мәнінде, Chrome-ның «басқа» құрылымдары бір немесе басқа саладағы мамандарға арналған: макет дизайнерлері, тестерлер, әзірлеушілер және т.б. Мұндай браузерлер қарапайым пайдаланушылар үшін жарамсыз. Дегенмен, біз олар туралы айтуымыз керек.

Chrome браузерінің қандай нұсқалары бар?

Шындығында, олардың саны онша көп емес. Дегенмен, бір ғана тұрақтысы бар. Бұл дәл осы жерде жазылған еркін қол жеткізу. Кез келген пайдаланушы оны жүктей алады. Бірақ балама нұсқалары да бар. Оларды толығырақ қарастырайық.

Бұл барлығының сүйікті Google Chrome нұсқалары бар. Дегенмен, бұл тұрғыда бізді әзірлеуші ​​​​шығарылымы қызықтырады. Сондықтан бәрін ескеру керек негізгі ерекшеліктерітолығырақ осы нұсқаны қараңыз. Сонда ғана қорытынды жасауға болады.

Әзірлеуші ​​шығарылымының мүмкіндіктері

Google Chrome осы нұсқасының басты ерекшелігі - әзірлеу құралдарының болуы. Олар осы веб-шолғыш үшін кеңейтімдер мен плагиндерді әзірлейтіндерге пайдалы болады. Орташа пайдаланушы мұндай құралдарда адасып қалады.

Екінші мүмкіндік - кеңейтілген консоль. Ол кодты өңдеу және қосу үшін пайдаланылады жасырын функцияларбраузер. Дегенмен, сіз онымен қалай жұмыс істеу керектігін білуіңіз керек. Командадағы ең кішкентай қателік өте ауыр зардаптарға әкелуі мүмкін.

Тағы бір «трюк» - бұл Канариядан осы нұсқаға көшкен барлық соңғы инновациялардың болуы. Осының арқасында әзірлеушілер жаңа веб-шолғыш мүмкіндіктері үшін кеңейтімдерін оңтайландыра алады.

Жиі жаңартулар– тағы бір ерекшеленетін қасиетіӘзірлеуші ​​шығарылымы. Олар тұрақты емес келеді, бірақ екі аптада бір реттен кешіктірмей. Кейбір жағдайларда жаңартулар екі күн ішінде келуі мүмкін. Бұл веб-шолғыштың жаңа мүмкіндіктерін сынап жатқандар үшін ыңғайлы.

Қорытынды

Сонымен, жоғарыда біз Google Chrome-ның қандай нұсқалары бар екенін айттық және әзірлеушілерге арналған құрастыруды егжей-тегжейлі талқыладық. Енді бұл нұсқа құралдар жиынтығымен және кеңейтілген консольмен ерекшеленетіні анық.

Айта кеткен жөн қарапайым пайдаланушыларӘзірлеуші ​​​​шығарылымын орнатудың қажеті жоқ. Бұдан ешқандай мағына болмайды. Оның үстіне, бұл жинақ әсіресе тұрақты емес. Егер сіз әзірлеуші ​​болмасаңыз, онда Тұрақты қолданбаны қолданған дұрыс.

Өсіп келе жатқан танымалдылықпен Google браузері Chrome кеңейтімдері веб-әзірлеушілерге қателерді және сайт өнімділігі мәселелерін бақылау мүмкіндігін беру арқылы уақытты үнемдейтін пайда болады.

Мұнда Google Chrome үшін пайдалы кеңейтімдер берілген.

Веб әзірлеуші ​​кеңейтімі

Мен ең қолайлы және атап өткім келеді қуатты құралвеб-әзірлеуші ​​және веб-дизайнер үшін - Google Chrome үшін Web Developer кеңейтімі.

Кеңейтім Google Chrome құралдар тақтасына беріліс белгішесі бар түйме түрінде қосылады және веб-сайтты әзірлеуге және жөндеуге арналған әртүрлі құралдарды қамтиды. Бұл сол әзірлеуші ​​жазған танымалның ресми бейімделуі.

Кеңейтім бар үлкен санопциялары.

Мысалы, көп адамға қажет элементтің түсін табыңызмонитор экранында он алтылық форматта. Бұл үшін плагиннің арнайы функциясы бар. «Әртүрлі» бөлімінде Түс таңдау құралын көрсету опциясын таңдаңыз.

Түс таңдау құралын таңдау арқылы курсор крестке айналады. Енді браузердің төменгі оң жақ бұрышындағы экранның кез келген аймағын басу CSS-те пайдалану үшін он алтылық режимде түсті көрсетеді.

Жасыратыны жоқ, бүгінгі веб-сайттар барлық бет элементтерінің параметрлерін қамту үшін Каскадтық стиль кестелерін (CSS) пайдаланады. CSS қаріптерді, нысандардың өлшемдерін, кадрларды, суреттерді, блоктарды және кестелерді анықтайды. Біз сіз үшін таңдау жасауды шештік Google қондырмаларыИнтернеттегі кез келген беттің стилін өңдеуге мүмкіндік беретін Chrome. Бонус ретінде біз сізге бет фонын қалай өзгерту керектігін көрсетеміз.

Әр адамның өз қалауы мен қызығушылықтары бар, әсіресе веб-дизайнға қатысты. Әр YouTube жаңартуынан кейін мәңгілік мерекелерді есте сақтаңыз. Ия, және сіздің сүйікті веб-сайтыңыздағы ақпаратты көрсету туралы бірнеше пікірлеріңіз болуы мүмкін: бір жерде қаріп ұсқынсыз немесе кішкентай, бір жерде мүлдем қажет емес хабарландыру блогы бар. Бұл жерде фондық суретті қосу жақсы болар еді!

Қазіргі браузерлер веб-сайттарды бірнеше рет басу арқылы өңдеуге мүмкіндік береді. Пайдаланушы беттегі элементтердің орналасуы мен ретіне дейін кез келген нәрсені теңшей алады. Осы мақсатта арнайы кеңейтімдер мен толықтырулар жазылды, біз оларды өзгертуге кіріспес бұрын талдаймыз. басты бет Google.

Stylebot

Мүмкін, ең танымал кеңейтім ашық бастапқы код. Қаріптерді, түстерді, өлшемдерді және т.б. жылдам өңдеуге мүмкіндік береді. Қарапайым өңдеу режимі бар: қашан терезені ашу Stylebot көмегімен қажетті элементті тінтуірдің үстіне апару арқылы таңдауға болады. Өзгерістер лезде сақталады және пайдаланушы мәнерлерін достармен бөлісуге болады.

Вебті қайта анықтау

Javascript сценарийлерін сыртқы веб-сайттарға қосуға арналған қолданба. Қазірдің өзінде jQuery, async.js, moment.js және Lodash бар, сондықтан бұл кітапханалардың функцияларын еркін пайдалануға болады. Javascript пайдалануды білетін озық пайдаланушылар үшін қолайлы, бірақ жаңадан бастағандар басқа біреу жазған сценарийлерді іске асыру үшін кеңейтімді пайдалана алады.

Стайлер

Принцип Stylebot принципімен бірдей: біз беттің стилін жылдам өңдейміз, өзгертулер бірден сақталады. Интерфейс пен әрекеттер тізбегі сәл өзгеше, мүмкіндіктері азырақ. Сондықтан таңдау сіздікі: сізге не ұнайды.

Стильді

Веб-сайтты теңшеуге арналған ең қуатты құрал, мүмкіндіктері жағынан Stylebot-қа ұқсас. Қажет емес элементтерді жасыруға, стильдерді өңдеуге және нәтижені достарыңызбен бөлісуге мүмкіндік береді. Қосымша веб-сайтта Facebook, YouTube, App Storeжәне басқа да көптеген танымал ресурстар.

Live CSS редакторы

Пернелер тіркесімін басу арқылы пайдаланушы кез келген стильді енгізе алатын шағын терезені ашады, ол бірден бетке қолданылады (жабылғаннан кейін өзгертулер сақталады). Қарапайым және ыңғайлы: артық ештеңе жоқ.

Біз сізге уәде еткендей, мысал ретінде Stylebot көмегімен кез келген беттің фонын қалай өңдеу керектігін айтамыз.

Маңызды! Бұл әдіс блоктар мен мәзірлермен шамадан тыс жүктелмеген «жеңіл» беттерде әдемі көрінеді және тек қондырмалардың мүмкіндіктерімен танысу үшін ұсынылады. Google.com сайтында қолданып көруді ұсынамыз.

• қажетті бетке өтіңіз
• Chrome браузерінің жоғарғы оң жақ бұрышындағы Stylebot белгішесін басыңыз
• Open Stylebot түймесін басыңыз
• төменгі жағында Css өңдеу опциясын таңдаңыз
• Келесі кодты енгізіңіз:

дене (
фондық: url(https://dl.dropboxusercontent.com/u/28029149/NGC_2818_by_the_Hubble_Space_Telescope.jpg);
фон өлшемі: 100% 100%;
!маңызды;
}

• Stylebot қолданбасын жабыңыз

Дайын! Мысал ретінде берілген суреттің орнына кез келген басқасын пайдалануға болады (жоғарыдағы кодтағы сілтемені ауыстыру жеткілікті). Сайтты неғұрлым күрделі теңшеу үшін сізге CSS нұсқаулықтарын оқу керек, бірақ маған сеніңіз: бұл туралы күрделі ештеңе жоқ.

Қайырлы күн құрметті достар.

туралы шолулардың апталық марафоны жалғасуда пайдалы құралдар— Мен веб-дизайнерлер мен веб-бағдарламашыларға арналған ең жақсы кеңейтімдерді атап өтуге болмайды жақсы интернетбраузер Google Chrome. Неліктен бұл ең жақсы деп ойлаймын? Өйткені ол заманауи, жылдам және ең қауіпсіз, сонымен қатар мен оны минимализмі үшін жақсы көремін. Бірақ бүгін ол туралы емес. Сонымен біз барамыз толық нұсқасымақалалар.

Google Chrome үшін ең жақсы кеңейтімдерді шолу

Бүгінгі күні көптеген пайдаланушылар кеңейтімдерді әзірлеуде. Олар қарапайым орасан зор сомажәне әр уақытта олар күштірек және функционалды болып қана қоймайды, сонымен қатар біздің өнімділікті арттыруға айтарлықтай көмектеседі. туралы мақалалар сериясын жасайтын боламын ең жақсы кеңейтімдер Google Chrome үшін. Бүгін мен веб-дизайнерлер мен әзірлеушілер үшін оңай орнатуға болатын кеңейтімдерге назар аударамын ChromeБұл сізге де пайдалы болады, құрметті оқырмандар.

Ең жақсы кеңейтімдер Google Chromeвеб-дизайнерлер мен әзірлеушілер үшін:

Беттерде қандай қаріптер қолданылатынын оңай анықтауға мүмкіндік береді.

Сипаттама:

Бұл кеңейтім арқылы сайтта қандай веб-қаріптер қолданылатынын анықтауға болады. Бұл өте қарапайым және жылдам. Кеңейтім тіректері Теру жинағыЖәне Google Font API.

Фантастикалық жеңіл сызғышучаскелердегі элементтер мен блоктарды туралау және өлшеу үшін.

Сипаттама:

Өлшемдерді оңай алыңыз: көлденең және тік сызғышпен, пикселдермен, шыңдармен және өлшем түрлерімен. Түрлі түстер мен түрлермен бір уақытта 4 сызғышқа дейін пайдалануға болады: ағаш және болат.

«Әр веб-дизайнерде осы Chrome кеңейтімі болуы керек.»

Экранды түсіру (Google арқылы)

Қойындының көрінетін мазмұнын, веб-бет аймағын немесе бүкіл бетті жылдам түсіріңіз. PNG пішімінде сақтау. Тік және көлденең айналдыруды қолдайды.

Сипаттама:

Бұл монитор экрандарынан кескіндерді түсіру үшін пайдалану өте оңай кеңейтім. Белсенді қойындыдан, бет аймағынан немесе бүкіл бетті PNG кескіні ретінде суретке түсіруге болады.

Сайттағы барлық қатысты суреттерді көрсетеді және оларды жүктеп алуға мүмкіндік береді.

Сипаттама:

Егер сізге веб-беттерден жүктеп алу қажет болса, бұл кеңейтіммен оңай: суреттерді көруге, URL мекенжайы бойынша сұрыптауға болады. Сәйкес суреттерді құсбелгілермен белгілеу немесе суреттерді басу арқылы жүктеп алуға болады, содан кейін олар жаңа қойындыда ашылады. Дисплей ені параметрлерін, жиек өлшемін, мәнері мен түсін, сүзгілерді, түймелерді және хабарландыруларды жасыру - сізге қажет барлық нәрсені теңшеуге болады!

RescueTime уақытты қалай өткізетініңізді түсінуге көмектесетін тамаша аналитикалық кеңейтім болып табылады.

Сипаттама:

RescueTime компьютерде, смартфонда немесе планшетте уақытты қалай өткізетініңізді түсінуге көмектесетін жеке аналитикалық қызмет. Сізден ешқандай қолмен деректерді енгізу талап етілмейді. Веб қолданбасы орнатылған клиентпен әрекеттеседі және OS X, Windows, Linux жүйелерінде жұмыс істейді. Android құрылғылары, және ChromeOS.

Google Chrome үшін Pinterest

Шабытты ашыңыз, жинаңыз және бөлісіңіз

Сипаттама:

Pinterest - шабыт табуға және оны басқа дизайнерлермен және әзірлеушілермен бөлісуге арналған қызмет. Оны сізді шабыттандыратын нәрселер жинағын жинау, жобаларыңызды ұйымдастыру және жоспарлау үшін пайдаланыңыз.

Google Chrome үшін ресми Pinterest кеңейтімі браузеріңізге қызметпен өзара әрекеттесуге мүмкіндік беретін түймені қосады. Жылдам және оңай!

Браузерге әртүрлі веб-әзірлеуші ​​құралдары бар құралдар тақтасының түймешігін қосады. Бұл бастапқыда жазылған кеңейтудің ресми порты Firefox.

Веб-сайттың сыртқы түрін бейімдеу.

Сипаттама:

Кез келген веб-сайттың көрінісін жылдам өзгертуге мүмкіндік береді (арнаулы CSS көмегімен).

Редакторда элементке енгізгіңіз келетін кез келген өзгертулерді таңдайсыз. Сондай-ақ қаріп өлшемін, түсін және т.б. өзгертуге болады. Тәжірибелі пайдаланушылар CSS кестелерін қолмен жаза алады.

Stylebot көмегімен теңшеуге болады сыртқы түрісүйікті веб-сайттарыңыз. Бұл сонымен қатар CSS-ті үйренуге және жеке жобаларыңыздың дизайнын жөндеуге арналған тамаша құрал.

Бетті және беттердегі трафикті талдауға арналған ресми Alexa Traffic кеңейтімі.

Сипаттама:

Alexa Traffic Rank - Chrome үшін ресми тегін кеңейтім. Сіз көре аласыз толық ақпаратИнтернеттегі кез келген сайт туралы. Жеңіл және қарапайым салыстырыңыз және талдаңыз.

Кез келген беттен түс кодын таңдауға және көруге мүмкіндік беретін шолғыш кеңейтімі.

Сипаттама:

Көз тамшысын қолдану арқылы түс кодын кез келген веб-сайттан көруге болады. Сіздің өлшемдеріңіздің кірістірілген тарихы бар. Chrome және Chromium екеуінде де жұмыс істейді.

Әр түрлі экран ажыратымдылықтарында веб-беттерді сынау үшін әзірлеушілерге арналған кеңейтім.

Сипаттама:

Өзінің ажыратымдылық параметрлерін анықтау мүмкіндігі бар әртүрлі экран ажыратымдылықтарында веб-беттерді сынауға арналған әзірлеушілерге арналған кеңейтім.

Ажыратымдылық веб-сайттарды әртүрлі экран ажыратымдылығында көру үшін браузер терезесінің өлшемін өзгертеді. Ең жиі қолданылатын экран ажыратымдылықтарының тізімі және осы тізімді теңшеу мүмкіндігі бар.

Speed ​​​​Tracer (Google арқылы)

Осы кеңейтіммен веб-сайт жылдамдығы туралы түсінік алыңыз.

Сипаттама:

Жылдамдық бақылау құралыБұл веб-қосымшаларыңыздағы өнімділік мәселелерін анықтауға және түзетуге көмектесетін тамаша құрал. Ол ақпаратты жинайды және шолғышыңыздың төмен деңгейінде алынған көрсеткіштерге талдау жасайды.

Бұл кеңейтімді пайдалану қолданбаңызда ең көп уақытты қай жерде өткізетіні туралы ақпаратты алуға мүмкіндік береді. Бұл мәселелер туындауы мүмкін: Javascript, css, Dom оқиғаларын өңдеу, желілік ресурстарды жүктеу, XMLHttpRequest кері шақыру, үлкен кескіндер және т.б.

Google Chrome үшін Firebug Lite

Google Chrome үшін Firebug Lite — Firebug жұмыс тобының ресми кеңейтімі.

Сипаттама:

Firebug Lite Firebug немесе Google әзірлеуші ​​құралдарын алмастырмайды. Бұл осы құралдармен жақсы жұмыс істейтін кеңейтім Firebug Lite HTML элементтеріне, DOM элементтеріне және қорап үлгісінің көлеңкесіне қатысты біз Firebug қолданбасында көретін бай көрнекі презентацияны қамтамасыз етеді. Ол сонымен қатар HTML элементтерін тінтуірдің көмегімен тексеру және CSS сипаттарын тікелей өңдеу сияқты кейбір қызықты мүмкіндіктерді ұсынады.

Корпоративтік Ipsum

Макеттерді толтыру үшін кездейсоқ мәтінді жасау.

Сипаттама:

Корпоративтік бұрылысы бар lorem ipsum генераторы. Мазмұн немесе абзац бойынша толтырғыш жасайды.

Бұл Брайан Хаслангердің корпоративтік Ipsum клоны (рұқсатымен).

Қорытынды:

Бұл мақалада мен бірінші сипаттадым 15 кеңейтімүшін Google Chrome, мен оны күнделікті жұмыста қолданамын. Жұп сізге де пайдалы болады деп үміттенемін. Түсініктемелерде кеңейтімдер туралы естуге қуаныштымын. Сіз пайдаланасыз, қымбатты достар! Менің атым Виктор Доценко. Бар жақсылықты тілеймін!