Acest articol este destinat administratorilor și dezvoltatorilor Chrome Enterprise cu experiență în crearea și publicarea pachetelor de aplicații Chrome.

Dacă Magazinul web Chrome nu are un produs cu funcționalitatea de care aveți nevoie, vă puteți crea propria aplicație sau extensie, iar utilizatorii o pot adăuga pe dispozitivele lor Chrome OS sau browserul Chrome. De exemplu, în calitate de administrator, puteți instala automat o aplicație privată de marcare pe dispozitivele utilizatorilor, care trimite către site-ul web de resurse umane.

Pregătirea

• Dacă fișierul manifest specifică site-ul țintă la care face referire aplicația sau extensia, verificați calitatea de proprietar al site-ului respectiv.
• Dacă aplicația sau extensia dvs. este găzduită pe un server privat, puteți controla cine are permisiunea de a o publica în Magazinul web Chrome. Puteți dezactiva verificarea proprietății pentru site-urile terțe către care aplicația trimite.

Pasul 1: creați o aplicație sau o extensie

Mai jos folosim o aplicație de marcaje ca exemplu. Pentru instrucțiuni despre crearea unor aplicații și extensii Chrome mai complexe, consultați ghidul introductiv.

1. Creați un folder pe computer unde vor fi stocate fișierele aplicației sau extensiilor. Dați-i un nume de aplicație.
2. Creați un fișier manifest.
   1. Creați în editor de text Fișier JavaScript® Notație obiect (JSON). Vedeți un exemplu de fișier JSON pentru o aplicație de marcaj.
   2. Verificați dacă codul din fișierul JSON este formatat corect folosind un instrument precum JSONLint.
3. Puneți fișierul manifest.jsonîn folderul aplicației sau extensiilor.
4. Creați un logo.
   1. Imaginea trebuie să aibă dimensiunea de 128 x 128 pixeli.
   2. Salvați fișierul logo ca 128.pngîn folderul aplicației.

Pasul 2: testați aplicația sau extensia

Dezvoltatorii își pot testa aplicațiile și extensiile în browser Chrome sau pe dispozitivele cu sistem de operare Chrome.

Pentru a depana o aplicație sau o extensie, utilizați jurnalele Chrome.

Pasul 3: creați o colecție de aplicații (opțional)

Un administrator poate crea o colecție de aplicații pentru o organizație pentru a recomanda aplicații și extensii Chrome pe care utilizatorii să le instaleze.

Pasul 4: publicați aplicația sau extensia dvs. în Magazinul web Chrome

Un dezvoltator poate face o aplicație sau extensie disponibilă public sau poate restricționa accesul la ea. Când publicați în Magazinul web Chrome, aveți trei opțiuni din care să alegeți.

• Public: Oricine poate găsi și instala aplicația.
• Acces prin link: Puteți instala o aplicație sau o extensie numai printr-un link. Nu este inclus în rezultatele căutării din Magazinul web Chrome. Puteți trimite linkul utilizatorilor atât din interiorul, cât și din afara domeniului organizației dvs.
• Privat: numai utilizatorii din domeniul dvs. pot găsi și instala aplicația sau extensia. În plus, puteți restricționa accesul la produs numai testerilor de încredere ale căror nume sunt listate în bara de instrumente pentru dezvoltatori.

Pentru a adăuga o aplicație sau o extensie la Magazinul web Chrome, creați o arhivă ZIP a folderului corespunzător, apoi publicați produsul.

Pasul 5. Configurați reguli pentru lucrul cu aplicația sau extensia

În panoul de administrare Google, puteți gestiona utilizarea aplicațiilor și extensiilor pe dispozitivele Chrome și în browserul Chrome pe calculatoare Windows, Mac și Linux în organizația dvs. Regulile Chrome pot fi personalizate

Există mai multe versiuni create pentru diferite categorii de utilizatori. Unul dintre ei se numește Google Chrome Ediția pentru dezvoltatori. Ce fel de versiune este aceasta și de ce este necesară? Acesta este ceea ce va fi discutat în acest material.

Este demn de remarcat faptul că versiunile alternative ale Chrome au apărut de mult timp. Ele însoțesc acest browser popular aproape de la versiunea de lansare. Dar nu toți utilizatorii sunt potriviți pentru opțiuni alternative.

Faptul este că „alte” versiuni ale Chrome sunt destinate profesioniștilor dintr-un domeniu sau altul: designeri de layout, testeri, dezvoltatori și așa mai departe. Astfel de browsere nu sunt potrivite pentru utilizatorii obișnuiți. Și totuși, trebuie să vorbim despre ele.

Ce versiuni de Chrome există?

De fapt, nu sunt atât de mulți. Cu toate acestea, există doar unul stabil. Acesta este exact cel care este prevăzut acces gratuit. Orice utilizator îl poate descărca. Dar există și versiuni alternative. Să le aruncăm o privire mai atentă.

Acestea sunt versiunile Google Chrome preferate ale tuturor care există. Cu toate acestea, în acest context suntem interesați de ediția pentru dezvoltatori. Prin urmare, totul trebuie luat în considerare caracteristici cheie această versiune pentru mai multe detalii. Abia atunci se poate face o concluzie.

Caracteristicile ediției pentru dezvoltatori

O caracteristică cheie a acestei versiuni de Google Chrome este disponibilitatea instrumentelor de dezvoltare. Acestea vor fi utile celor care dezvoltă extensii și plugin-uri pentru acest browser web. Utilizatorul mediu se va pierde în astfel de instrumente.

A doua caracteristică este consola avansată. Este folosit pentru a edita codul și a activa funcții ascunse browser. Cu toate acestea, trebuie să știți cum să lucrați cu el. Cea mai mică greșeală într-o echipă poate duce la consecințe foarte grave.

Un alt „truc” este prezența tuturor celor mai recente inovații care au migrat la această versiune din Canary. Datorită acestui fapt, dezvoltatorii își pot optimiza extensiile pentru noile capabilități ale browserului web.

Actualizări frecvente– încă unul trăsătură distinctivă Ediția pentru dezvoltatori. Vin neregulat, dar nu mai târziu de o dată la două săptămâni. În unele cazuri, actualizările pot ajunge în decurs de două zile. Acest lucru este convenabil pentru cei care testează noi funcții ale browserului web.

Concluzie

Deci, mai sus am vorbit despre ce versiuni de Google Chrome există și am discutat în detaliu construcția pentru dezvoltatori. Acum este clar că această versiune se distinge printr-un set de instrumente și o consolă avansată.

Este de remarcat faptul că utilizatorii obișnuiți Nu este deloc nevoie să instalați Developer Edition. Nu va avea sens din asta. Mai mult, acest ansamblu nu este deosebit de stabil. Dacă nu sunteți dezvoltator, atunci este mai bine să utilizați Stable.

Cu o popularitate tot mai mare browser Google Apar extensii Chrome care economisesc timp dezvoltatorilor web, oferindu-le posibilitatea de a urmări erorile și problemele de performanță a site-ului.

Iată câteva extensii utile pentru Google Chrome.

Extensie pentru dezvoltatori web

Aș dori să subliniez cele mai convenabile și instrument puternic pentru dezvoltator web și designer web - Extensie pentru dezvoltatori web pentru Google Chrome.

Extensia este adăugată în bara de instrumente Google Chrome sub forma unui buton cu o pictogramă roată și conține diverse instrumente pentru dezvoltarea și depanarea unui site web. Aceasta este o adaptare oficială a celei populare, scrisă de același dezvoltator.

Extensia are număr mare opțiuni.

De exemplu, mulți oameni au nevoie doar afla culoarea elementului pe ecranul monitorului în format hexazecimal. Plugin-ul are o funcție specială pentru aceasta. În secțiunea Diverse, selectați Display Color Picker.

Selectând Display Color Picker, cursorul devine o cruce. Acum, făcând clic pe orice zonă a ecranului din colțul din dreapta jos al browserului, se afișează culoarea în hexazecimal pentru utilizare în CSS.

Nu este un secret pentru nimeni că site-urile web de astăzi folosesc Cascading Style Sheets (CSS) pentru a conține parametrii tuturor elementelor paginii. CSS specifică fonturi, dimensiuni ale obiectelor, cadre, imagini, blocuri și tabele. Ne-am hotărât să facem o selecție pentru tine Suplimente Google Chrome, care vă va permite să editați stilul oricărei pagini de pe Internet. Ca bonus, vă vom arăta cum să schimbați fundalul paginii.

Fiecare persoană are propriile preferințe și interese, mai ales când vine vorba de web design. Doar amintiți-vă de eternele războaie după fiecare actualizare YouTube. Da, și probabil că ai mai multe comentarii despre afișarea informațiilor pe site-ul tău preferat: undeva fontul este urât sau mic, undeva există un bloc de notificare complet inutil. Aici ar fi bine să adăugați o imagine de fundal!

Browserele de astăzi vă permit să editați site-uri web în doar câteva clicuri. Utilizatorul poate personaliza orice, până la locația și ordinea elementelor de pe pagină. În acest scop au fost scrise extensii și completări speciale, pe care le vom analiza înainte de a trece la modificare. pagina de start Google.

Stylebot

Poate cea mai populară extensie cu open cod sursă. Vă permite să editați fonturi, culori, dimensiuni și multe altele din mers. Are un mod simplu de editare: când deschide fereastra Cu Stylebot, puteți selecta elementul dorit, pur și simplu trecând peste el cu mouse-ul. Modificările sunt salvate instantaneu, iar stilurile personalizate pot fi partajate prietenilor.

Suprascriere Web

O aplicație pentru conectarea scripturilor Javascript la site-uri web externe. Conține deja jQuery, async.js, moment.js și Lodash, astfel încât funcțiile acestor biblioteci pot fi utilizate liber. Potrivit pentru utilizatorii avansați care știu să folosească Javascript, dar începătorii pot folosi extensia pentru a implementa scripturi deja scrise de altcineva.

Styler

Principiul este același cu cel al Stylebot: edităm rapid stilul paginii, modificările sunt salvate instantaneu. Interfața și secvența acțiunilor sunt ușor diferite, cu posibilități puțin mai puține. Deci alegerea este a ta: ceea ce îți place cel mai mult.

Elegant

Cel mai puternic instrument pentru personalizarea site-ului web, similar ca capabilități cu Stylebot. Vă permite să ascundeți elemente inutile, să editați stiluri și să partajați rezultatul cu prietenii. Site-ul de completare conține peste 10.000 de stiluri personalizate pentru a schimba aspectul Facebook, YouTube, App Storeși multe alte resurse populare.

Editor CSS live

Prin apăsarea combinației de taste, se deschide o mică fereastră în care utilizatorul poate introduce orice stil, care va fi aplicat imediat paginii (după închidere, modificările sunt salvate). Simplu și convenabil: nimic de prisos.

Vă vom spune, așa cum am promis, cum să editați fundalul oricărei pagini folosind Stylebot ca exemplu.

Important! Această metodă arată frumos pe paginile „ușoare” care nu sunt supraîncărcate cu blocuri și meniuri și este prezentată doar pentru a vă familiariza cu capacitățile suplimentelor. Vă recomandăm să îl încercați pe Google.com.

• accesați pagina necesară
• Faceți clic pe pictograma Stylebot din colțul din dreapta sus al Chrome
• faceți clic pe Deschidere Stylebot
• în partea de jos selectați opțiunea Edit Css
• Introdu următorul cod:

corp (
fundal: url(https://dl.dropboxusercontent.com/u/28029149/NGC_2818_by_the_Hubble_Space_Telescope.jpg) ;
dimensiunea fundalului: 100% 100%;
!important;
}

• închide Stylebot

Gata! În loc de imaginea dată ca exemplu, puteți folosi oricare alta (trebuie doar să înlocuiți linkul din codul de mai sus). Pentru o personalizare mai complexă a site-ului, va trebui să citiți manuale CSS, dar credeți-mă: nu este nimic complicat în asta.

Bună seara dragi prieteni.

Continuarea maratonului de recenzii de o săptămână despre instrumente utile— Nu pot să nu menționez cele mai bune extensii pentru web designeri și programatori web pentru cele mai multe internet mai bun browser Google Chrome. De ce cred că este cel mai bun? Pentru că este modern, rapid și cel mai sigur și îl ador și pentru minimalismul său. Dar astăzi nu este vorba despre asta. Și așa mergem la versiunea completă articole.

Revizuirea celor mai bune extensii pentru Google Chrome

Astăzi, mulți utilizatori dezvoltă extensii. Ei sunt pur și simplu cantitate uriașăși de fiecare dată devin nu numai mai puternice și mai funcționale, dar ne ajută în mod semnificativ să ne creștem productivitatea. Voi face o serie de articole despre cele mai bune extensii pentru Google Chrome. Pentru astăzi mă voi concentra pe extensii care sunt ușor de instalat și utile pentru web designeri și dezvoltatori Chrome De asemenea, vă va fi de folos, dragi cititori.

Cele mai bune extensii Google Chrome pentru web designeri și dezvoltatori:

Vă permite să determinați foarte ușor ce fonturi sunt folosite pe pagini.

Descriere:

Cu această extensie puteți determina ce fonturi web sunt folosite pe site. Este foarte simplu și rapid. Suporturi de extensie TypekitŞi Google Font API.

Fantastic riglă de lumină pentru alinierea și măsurarea elementelor și blocurilor pe șantiere.

Descriere:

Obțineți dimensiuni cu ușurință: cu riglă de glisare orizontală și verticală, pixeli, vârfuri și tipuri de măsurare. Puteți folosi până la 4 rigle în același timp cu culori și tipuri diferite: lemn și oțel.

„Fiecare web designer ar trebui să aibă această extensie Chrome cu ei.”

Captură de ecran (de la Google)

Capturați rapid conținutul vizibil al unei file, al unei zone a unei pagini web sau al unei întregi pagini. Salvare în format PNG. Suportă defilare verticală și orizontală.

Descriere:

Aceasta este o extensie foarte ușor de utilizat pentru captarea imaginilor de pe ecranele monitorului. Puteți captura o imagine fie din fila activă, fie dintr-o zonă a unei pagini, fie dintr-o pagină întreagă ca imagine PNG.

Afișează toate imaginile asociate de pe site și vă permite să le descărcați.

Descriere:

Dacă trebuie să descărcați de pe pagini web, cu această extensie puteți: vizualiza cu ușurință imagini, sortați după URL. Puteți descărca imaginile corespunzătoare bifându-le cu casete de selectare sau făcând clic pe imagini, apoi acestea se vor deschide într-o filă nouă. Afișează setările de lățime, dimensiunea chenarului, stilul și culoarea, ascunde filtrele, butoanele și notificările - tot ce ai nevoie poate fi personalizat!

RescueTime este o extensie analitică excelentă care vă va ajuta să înțelegeți cum vă petreceți timpul.

Descriere:

RescueTime este un serviciu analitic personal care vă va ajuta să înțelegeți cum vă petreceți timpul pe computer, smartphone sau tabletă. Nu vi se va solicita să introduceți date manuale Aplicația web interacționează cu clientul instalat și rulează pe OS X, Windows, Linux, dispozitive Androidși Chrome OS.

Pinterest pentru Google Chrome

Descoperiți, colectați și împărtășiți inspirația

Descriere:

Pinterest este un serviciu pentru a găsi inspirație și a o împărtăși cu alți designeri și dezvoltatori. Folosește-l pentru a colecta o colecție de lucruri care te inspiră, organizează și planifică proiectele tale.

Extensia oficială Pinterest pentru Google Chrome va adăuga un buton în browser care vă permite să interacționați cu serviciul. Rapid și ușor!

Adaugă un buton din bara de instrumente cu diverse instrumente pentru dezvoltatori web în browser. Acesta este portul oficial al expansiunii, pentru care a fost scris inițial Firefox.

Adaptarea aspectului site-ului.

Descriere:

Vă permite să schimbați rapid aspectul oricărui site web (folosind CSS personalizat).

În editor, selectați orice modificări pe care doriți să le faceți elementului. De asemenea, puteți modifica dimensiunea fontului, culoarea și multe altele. Utilizatorii experimentați își pot scrie tabelele CSS manual.

Folosind Stylebot, puteți personaliza aspect site-urile tale preferate. Este, de asemenea, un instrument excelent pentru a învăța CSS și pentru a depana designul propriilor proiecte.

Extensia oficială Alexa Traffic pentru analiza paginii și a traficului din pagini.

Descriere:

Alexa Traffic Rank este o extensie oficială gratuită pentru Chrome. Veți putea vizualiza informatii complete despre orice site de pe Internet. Comparați și analizați ușor și simplu.

O extensie de browser care vă permite să selectați și să vizualizați un cod de culoare din orice pagină.

Descriere:

Folosind instrumentul pipeta, puteți vizualiza codul de culoare de pe orice site web. Există un istoric încorporat al măsurătorilor dvs. Funcționează atât în ​​Chrome, cât și în Chromium.

Extensie pentru dezvoltatori pentru a testa pagini web la diferite rezoluții de ecran.

Descriere:

O extensie pentru dezvoltatori pentru a testa pagini web la diferite rezoluții de ecran, cu posibilitatea de a-și defini propriile setări de rezoluție.

Rezoluție redimensionează fereastra browserului pentru a vă vizualiza site-urile web în diferite rezoluții de ecran. Există o listă cu cele mai frecvent utilizate rezoluții de ecran și posibilitatea de a personaliza această listă.

Speed ​​​​Tracer (de la Google)

Faceți-vă o idee despre viteza site-ului cu această extensie.

Descriere:

Viteza Tracker Acesta este un instrument excelent conceput pentru a vă ajuta să identificați și să remediați problemele de performanță în aplicațiile dvs. web. Acesta colectează informații și efectuează analize ale indicatorilor care sunt luați la un nivel scăzut al browserului dumneavoastră.

Utilizarea acestei extensii vă va permite să primiți informații despre locul în care este pierdut cel mai mult timp în aplicația dvs. Acestea pot fi probleme cauzate de: Javascript, css, gestionarea evenimentelor Dom, încărcarea resurselor de rețea, apel invers XMLHttpRequest, imagini mari și multe altele.

Firebug Lite pentru Google Chrome

Firebug Lite pentru Google Chrome este o extensie oficială a Firebug Working Group.

Descriere:

Firebug Lite nu este un înlocuitor pentru Firebug sau Google Developer Tools. Aceasta este o extensie care se va juca bine cu aceste instrumente Firebug Lite oferă prezentarea vizuală bogată pe care ne-am obișnuit să o vedem în Firebug când vine vorba de elemente HTML, elemente DOM și umbrire Box Model. De asemenea, oferă câteva caracteristici interesante, cum ar fi verificarea elementelor HTML cu mouse-ul și editarea live a proprietăților CSS.

Corporate Ipsum

Generarea de text aleatoriu pentru a umple machete.

Descriere:

Un generator de lorem ipsum cu o întorsătură corporativă. Creează umplere după conținut sau paragraf.

Aceasta este o clonă (cu permisiunea) a companiei Ipsum de Brian Haslanger.

Concluzie:

În acest articol l-am descris pe primul 15 extensii Pentru Google Chrome, pe care mă folosesc în munca de zi cu zi. Sper să vă fie de folos și un cuplu. Voi fi bucuros să aud despre extensii în comentarii. pe care le folosiți, dragi prieteni! Numele meu este Viktor Dotsenko. Toate cele bune!