Korisna proširenja ili ekstenzije za Googleov internetski preglednik Chrome mogu uvelike poboljšati produktivnost i učinkovitost svakog programera. Bez obzira na to jeste li programer početnik ili ste iskusan programer, uz kvalitetnu i prikladnu ekstenziju za Google Chrome, vaše iskustvo programiranja može biti podignuto na novu razinu.
Ekstenzije će vašem internetskom pregledniku dati dodatne mogućnosti i alate, odnosno dodatno će poboljšati funkcionalnosti samog preglednika. Ovi dodaci preglednika također pomažu programerima u uštedi vremena i novca, budući da je velika većina ovih ekstenzija besplatna i jednostavna za korištenje.
Najbolje ekstenzije za Google Chrome za svakog programera slijede u nastavku!
BrowserStack
Vrlo korisno Chrome proširenje za programere definitivno je BrowserStack. Poznat je po trenutnom testiranju internetskih stranica na mobilnom pregledniku, kao i na pregledniku za računala. Omogućuje postavljanje 12 preglednika i smanjuje korisnikovo vrijeme koje je potrebno za mijenjanje kartica preglednika. Međutim, kako biste koristili ovo proširenje, morate imati BrowserStack korisnički račun.
Neke od posebnosti ove ekstenzije:
Pomaže u trenutnom pregledu promjena.
- Pomaže kod testiranja na različitim preglednicima.
- Korisnicima omogućuje provjeru ponašanja stranice u stvarnim korisničkim uvjetima.
- Uz pomoć BrowserStacka možete izravno prijavljivati grješke.
LT Debug
Chromeovo proširenje LT Debug kreirano je kao pomoć programerima u testiranju i otklanjanju pogrešaka koje se mogu pojaviti u njihovim web aplikacijama.
LT Debug biste mogli željeti koristiti zbog sljedećih mogućnosti:
- Ovo proširenje nudi izbor alata za pregled i analizu mrežnih podataka i prepoznavanje problema s performansama.
- LT Debug je učinkovit alat za programere koji žele poboljšati pouzdanost i performanse svojih internetskih aplikacija.
- Jedna od važnih značajki LT Debuga je sposobnost snimanja i ispitivanja mrežnog prometa, uključujući HTTP zahtjeve i odgovore te WebSocket promet.
- Proširenje može nadzirati vrijeme učitavanja internetskih stranica, može odrediti resurse koji se dugo učitavaju i može analizirati izvedbu JavaScripta, kako bi se lakše identificirala problematična mjesta u izvršavanju koda.
- Proširenje programerima daje pristup kolačićima, lokalnoj pohrani i pohrani sesije, što može biti od pomoći pri isprobavanju značajki povezanih s autentifikacijom ili drugim sesijama.
ColorZilla
ColorZilla je proširenje koje može brzo odrediti kod boje bilo koje točkice ili piksela na internetskoj stranici, što ga čini jednim od najboljih proširenja za Chrome za programere. Neke od najboljih obilježja ovog proširenja su:
- Web dizajneri, grafički dizajneri i svi drugi koji se tijekom programiranja bave bojama na svojim stranicama imat će veliku korist od ovog i ovome sličnim proširenjima.
- Alat za generiranje gradijenata ColorZilla omogućuje korisnicima izradu linearnih i radijalnih gradijenata s različitim izborom boja i krajnjim točkama.
- ColorZilla je korisno proširenje za svakoga tko radi s bojama na internetu i zahtijeva brzu i jednostavnu metodu za dobivanje kodova boja i kreiranje gradijenata.
- ColorZilla može odabrati točkicu ili piksel na internetskoj stranici i koristiti alat Eyedropper za dobivanje koda boje za tu točkicu u različitim formatima, uključujući HEX, RGB i HSL.
- Uslužni program za odabir boja također je uključen u aplikaciju, koji korisnicima omogućuje odabir boja s palete i promjenu njihove nijanse, zasićenosti i svjetline.
JSONView
JSONView je proširenje za Chrome za programere koji žele imati prikazane JSON dokumente u pregledniku u čitljivijem formatu. Ovo proširenje željet ćete koristiti zbog sljedećih obilježja:
- Format za razmjenu podataka JSON (”JavaScript Object Notation”) često se koristi za razmjenu podataka između poslužitelja i aplikacije koja radi putem interneta. JSONView nudi isticanje sintakse za JSON dokumente, čineći prepoznavanje parova ključ-vrijednost i drugih JSON komponenti podataka jednostavnijim.
- Proširenje vam također omogućuje provjeru valjanosti JSON podataka pomoću usluge JSONLint, koja provjerava ima li pogrešaka u sintaksi JSON dokumenta i ispisuje korisne poruke o pogreškama ako se otkriju.
- Kada neka stranica uključuje JSON podatke, proširenje ih automatski prepoznaje. Formatira podatke u sklopivu strukturu stabla koju možete proširiti i sažeti da biste vidjeli podatke.
- JSON podaci obično se prikazuju u kompaktnom formatu bez uvlačenja ili prijeloma redaka, što može biti izazovno za čitanje i razumijevanje.
- Instalacija proširenja JSONView omogućuje pregled JSON dokumenata na bolje strukturiran i organiziraniji način, što olakšava razumijevanje podataka koje sadrže.
Requestly
Requestly je još jedno Chromeovo proširenje za programere, koje vam omogućuje uređivanje HTTP(S) zahtjeva i odgovora. Osim toga, Requestly ćete željeti koristiti zbog sljedećih obilježja:
- Ekstenzija se može primijeniti na mnoge zadatke poput izrađivanja internetskih stranica, testiranja i otklanjanja pogrešaka.
- Možete koristiti Requestly za izradu pravila koja mijenjaju zahtjeve i odgovore ovisno o određenim okolnostima. Na primjer, možete promijeniti zaglavlja, dodati ili ukloniti parametre upita, preusmjeriti URL na drugu internetsku stranicu ili možete čak umetnuti jedinstveni JavaScript ili CSS kod.
- S Requestlyjem možete testirati koliko dobro vaša internetska aplikacija radi u različitim situacijama simuliranjem različitih mrežnih uvjeta, kao što su latencija ili ograničenja propusnosti.
Clear Session
Clear Session je popularno Chromeovo proširenje za programere, kojim možete obrisati podatke o sesiji pregledavanja jednim klikom. Osim toga, Clear Session prikladan je i zbog sljedećih obilježja:
- Ovo proširenje može izbrisati svu povijest pregledavanja, predmemoriju, kolačiće i druge informacije koje vaš preglednik može sadržavati i zadržavati.
- Radi privatnosti ili za početak ispočetka bez ikakvih prethodno spremljenih podataka, Clear Session omogućit će vam lako i brzo brisanje podataka o sesiji vašeg preglednika.
- Ovo proširenje omogućit će vam kreiranje iznimki u vezi čišćenja podataka za stranice za koje želite kreirati iznimku. Osim toga, ako želite, uz pomoć ove ekstenzije moći ćete brisati točno određene vrste podataka vezanih uz internetsku stranicu.
VisBug
VisBug je sveobuhvatna i jednostavna za korištenje ekstenzija, koja ima za cilj pomoći korisniku u usavršavanju sposobnosti web dizajna, kao i u izradi estetski ugodnijih i korisnijih internetskih stranica. Adam Argyle, Googleov inženjer, razvio je ovo proširenje za Chrome za programere, kako bi web dizajn učinio pristupačnijim i ugodnijim za svakog korisnika. VisBug se posebno ističe i po sljedećem:
- VisBug se može koristiti za uređivanje i modificiranje internetskih stranica u grafičkom smislu.
- Alat nudi niz značajki, uključujući promjenu veličine i pomicanje komponenti, promjenu veličina slova i boja, uključujući granice i sjene, pa čak i promjenu HTML strukture internetske stranice.
- Robusni alat za inspekciju također je uključen u VisBug, omogućavajući korisnicima istraživanje i ispitivanje strukture internetske stranice, uključujući njenu DOM hijerarhiju, CSS stilove i svojstva pristupačnosti.
- Korisnici ne moraju biti upoznati s HTML ili CSS kodom kako bi brzo promijenili izgled, tipografiju, boje i slike bilo koje internetske stranice koristeći VisBug.
Broken Link Checker
Proširenje Broken Link Checker pomaže programerima u pronalaženju neispravnih poveznica koje postoje ili mogu postojati na internetskoj stranici. S obzirom na to, Broken Link Checker željet ćete isprobati zbog sljedećeg:
- Neispravne poveznice upućuju na stranice koje ne postoje i prikazuju poruku o pogrešci 404, a ovo proširenje upozorit će vas na postojanje takvih poveznica.
- Proširenje pomaže programeru u pronalasku i popravljanju neispravnih poveznica. Da stvar bude bolja, proširenje ih može istaknuti na zaslonu.
- Kako bi poboljšali korisničko iskustvo svoje internetske stranice i SEO rangiranje, vlasnici internetskih stranica mogu koristiti ovo proširenje za brzinsku provjeru neispravnih veza.
CSS Peeper
Pomoću CSS Peepera možete ispitati CSS stilove primijenjene na bilo koju internetsku stranicu, što ovo proširenje također čini jednim od najboljih Chromeovih proširenja za programere. Osim toga, CSS Peeper ističe se sljedećim obilježjima:
- Namjena proširenja je olakšavanje programerima i dizajnerima izvlačenje korisnih detalja o dizajnu web stranice, kao što su izgled boja, stilovi slova i pozicioniranje.
- Možete preuzeti potpuni stilski vodič za bilo koju web stranicu, koji sadrži svaki CSS stil koji se koristi na toj web stranici, također koristeći CSS Peeper.
- Ovo može biti koristan alat za programere koji trebaju modificirati CSS web stranice ili za dizajnere koji žele bolje shvatiti dizajn web stranice.
- CSS Peeper je učinkovit alat za sve koji se bave web dizajnom i web developmentom.
- Omogućavanje brzog pristupa ključnim CSS informacijama može vam pomoći uštedjeti vrijeme i pojednostaviti tijek rada.
- Postavljanjem pokazivača iznad bilo kojeg CSS elementa na web stranici, CSS Peeper olakšava i omogućava učenje više detalja.
Window Resizer
Window Resizer je korisno proširenje za Chrome preglednik, za web dizajnere i programere koji žele testirati svoje internetske stranice i aplikacije na različitim veličinama zaslona i razlučivosti, bez prebacivanja između uređaja ili upotrebe kompliciranih alata za testiranje. S obzirom na to, Window Resizer proširenje ističe se po sljedećem:
- Sve u svemu ovo je jedan vrlo koristan alat za web dizajnere i programere koji trebaju procijeniti kako njihove stranice i web aplikacije izgledaju na različitim veličinama zaslona i razlučivosti.
- Uz pomoć ove ekstenzije možete brzo promijeniti veličinu prozora preglednika koristeći Window Resizer na standardne širine zaslona, kao što su 800×600, 1024×768 i 1280×800, kao i prilagođene veličine.
- Proširenje možete koristiti kako biste vidjeli kako će vaša web stranica ili web aplikacija izgledati na različitim računalima i mobilnim uređajima, uključujući prijenosna računala, tablete i pametne telefone.
uBlock Origin
Za korisnike Google Chromea, Firefoxa, Microsoft Edgea i drugih internetskih preglednika, uBlock Origin će itekako dobro doći. Radi se o proširenju otvorenog koda i jednom od najboljih proširenja za Chrome programere koje blokira reklame.
- Proširenje poboljšava vaše iskustvo pregledavanja internetskog sadržaja sprječavanjem zlonamjernog softvera, programa za praćenje, skočnih prozora i reklama.
- Može se postaviti za omogućavanje nenametljivih oglasa ili blokiranje oglasa na određenim web stranicama.
- Napredne značajke uBlock Origin također vam omogućuju dopuštanje ili blokiranje web stranica, sprječavanje određenih skripti i zaštitu od praćenja koje narušava vašu privatnost.
- Proširenje ima reputaciju da je vrlo ”lagan” po pitanju potrošnje resursa te da je samo po sebi vrlo učinkovito.
Piše: Ivan Hečimović
