Hirdetés

Ha programozó vagy, aki nem használja a Chrome-ot, akkor kisebbségben vagy.

Nagyon sok oka van ennek a böngészőnek a programozáshoz való előnyben részesítésére, például a Google hatalmas befolyása az irányra a web, a beépített funkciók, amelyek kevésbé frusztrálóvá teszik a fejlesztést, és a rendelkezésre álló szám kiterjesztéseket.

Ez az utolsó pont döntő jelentőségű. 2018 februárjától a Chrome rendelkezik több mint 60 százalékos piaci részesedés az asztali számítógépeken- Nem csoda, hogy a legtöbb kiterjesztés-készítő először a Chrome-ra összpontosítja erőfeszítéseit. Ennek ellenére itt állnak a legjobb Chrome-bővítmények, amelyeket bármilyen fejlesztőként használhat, de különösen egy webes fejlesztő Programozás vs. Webfejlesztés: Mi a különbség?Gondolhatja, hogy az alkalmazásprogramozók és a webfejlesztők ugyanazt a munkát végzik, de ez messze van az igazságtól. Itt vannak a legfontosabb különbségek a programozók és a webfejlesztők között. Olvass tovább .

Általános fejlesztési kiterjesztések

instagram viewer

1. Session Buddy

A Chrome egy fantasztikus funkcióval, az úgynevezett egyedi felhasználói profilok amely lehetővé teszi külön könyvjelzők, beállítások, lapok, előzmények stb. Mindenképpen állítson be egyet kifejezetten a programozáshoz, ha még nem tette meg.

A Session Buddy azonban egy lépéssel tovább megy, lehetővé téve speciális „tab” munkamenetek mentését és közöttük való váltást, ami hasznos, ha több projekten dolgozik.

Letöltés:Session Buddy

2. iMacros for Chrome

Az iMacros egy kiterjesztés, amely lehetővé teszi az ismétlődő feladatok automatizálását. Bizonyos műveleteket „rögzíthet” (pl. Egérkattintások és gombnyomások), makróként elmentheti őket, majd egyetlen kattintással futtathatja azokat, amikor csak akarja. Időt takarít meg az űrlapok kitöltésekor, a változások tesztelésekor stb. A Chrome-n kívüli makrók esetén, javasoljuk az AutoHotkey szkripteket.

Letöltés:iMacros for Chrome

3. Webes időzítő

króm kiterjesztések programozók számára - webidőzítő

A Web Időzítő nyomon követi, hogy mennyi időt töltenek (vagy vesztegetnek) különböző weboldalakon, ami segíthet megfékezni a halasztási tendenciákat. Csak akkor követi nyomon, amikor a Chrome fókuszban van, és elég okos ahhoz, hogy abbahagyja a követést, amikor tétlen volt.

Letöltés:Webes időzítő

Ha fejlettebb időkövetőt szeretne, erősen ajánljuk a Toggl platformot A legjobb időkövető alkalmazás Android, iOS és asztali gépekhezMegmutatjuk, hogy az időkövetés milyen előnyökkel járhat Önnek vagy a csapata számára, mit kell keresni az időkövető szoftverben, és a legjobb platformok közötti alkalmazást, amelyet a munkához megtalálhattunk. Olvass tovább .

4. Félelmetes képernyőkép

Az Awesome Screenshot egy mindent egyben kiterjesztés a képernyőképeinek megragadásához, képernyővideók rögzítéséhez, a pillanatfelvételek kommentálásához és elmosódásához, valamint a képernyőképek egyetlen kattintással történő megosztásához másokkal. Az egyik remek funkció a képernyőképezés képessége egy teljes weboldal és összevarrja az egészet, mint egy óriási képet. Nézze meg ezeket a megoldást, amely a Chrome-on kívül is működik a legjobb eszközök a képernyőképek készítéséhez.

Letöltés:Félelmetes képernyőkép

5. Közönséges selyemmajom

A Marmoset egy szórakoztató kis eszköz a kód 3D képernyőképeinek létrehozásához. Miután beillesztett egy képet, elforgathatja, ferde és méretezhető 3D-ben, ami érdekesebbé teszi, ha meg szeretné osztani a részletekkel. Ez akkor is hasznos, ha kód alapú stock képeket vagy peeks képeket készít a projekt forráskódján a projekt honlapján.

Letöltés:Közönséges selyemmajom

Webfejlesztési kiterjesztések

6. Webfejlesztő

króm kiterjesztések programozók számára - webfejlesztő

Ha van egy kiterjesztés, amelyet telepít a webfejlesztés elősegítésére, legyen ez ez. A Web Developer számos kényelmi funkcióval rendelkezik, beleértve az egy kattintással történő váltást is JavaScript és beépülő modulok, az ablak átméretezése a reagáló tervek teszteléséhez, a képek teszteléséhez és hibakereséséhez, és több.

Letöltés:Webfejlesztő

7. Felhasználói ügynök váltó

króm kiterjesztések programozók számára - felhasználói ügynök váltó

A Chrome Internetes áruházban található sok „felhasználói ügynök-váltó” kiterjesztés közül ez a legjobb. Még mindig frissül, nem ragasztja el a linkeket, számos alapértelmezett felhasználói ügynök karakterlánccal rendelkezik, de lehetővé teszi egyéni felhasználói ügynök karakterláncok létrehozását is. Ez az egyedüli kiterjesztése, amely megbízhatóan működik.

Letöltés:Felhasználói ügynök váltó

8. Wappalyzer

króm kiterjesztések programozók számára - wappalyzer

Ha szeretné tudni, hogy milyen webes technológiák táplálnak egy adott webhelyet, a Wappalyzer egyetlen kattintással elmondja neked. Elég okos ahhoz, hogy felismerje a CMS-eket (például WordPress), a webes kereteket (például a React), az eszközöket és a segédprogramokat (például a Google Analytics), az e-kereskedelmi platformokat (például a Shopify) és még sok minden mást.

Letöltés:Wappalyzer

9. IE Tab

króm kiterjesztések programozók számára - IE fül

2018 februárjától az asztali felhasználók több mint 13 százaléka továbbra is az Internet Explorer böngészőben van, ami szégyen, mert az IE messze nem felel meg a modern webes szabványoknak. Ezért van szüksége az IE lapra, amely egy új lapon emulálja az IE-t, és lehetővé teszi a webhelyek tesztelését különféle verziókban: IE6, IE7, IE8, IE9, valamint az ActiveX vezérlők. Nagyon hasznos, ha szüksége van webhelyére, hogy kompatibilis legyen az összes böngészővel, függetlenül attól, hogy milyen idős.

Letöltés:IE Tab

10. Click & Clean

króm kiterjesztések programozók számára - kattintson és tisztítsa meg

Egy webhely fejlesztésekor néhány dolog bosszantó, mivel folyamatosan törli a böngészési adatokat, hogy megbizonyosodjon arról, hogy friss változtatásokat tölt be. A Click & Clean nemcsak gyorsabbá teszi, hanem több ellenőrzést is biztosít a megtisztíthatóság felett (pl. Adatbázisok és plugin-adatok törlése, egyes webhelyek cookie-jainak tárolása stb.).

Letöltés:Click & Clean

11. WhatFont

króm kiterjesztések programozók számára - whatfont

A WhatFont a betűkészletek azonosításának leggyorsabb módja az interneten. Az egyik dolog, ha jobb egérgombbal kattint egy elemre, kiválasztja az Elem ellenőrzése elemet, majd átnézheti a stíluslapot, hogy megtalálja, mi az. A WhatFont segítségével nem csak láthatja, hogy mi a betűtípus, csupán az elem fölé húzva, hanem azt is megmondja, hogy a betűkészlet hogyan szolgál fel (pl. Google Fonts, TypeKit stb.).

Letöltés:WhatFont

12. ColorPick szemcsepp

króm kiterjesztések programozók számára - colorpick szemcseppentő

A ColorPick Eyedropper egy olyan eszköz, amely lehetővé teszi a nagyítást és a weboldal bármely pixelének pontos színkódját. A színkód hexa, RGB és HSL formátumban érhető el. Rendkívül kényelmes és sokkal gyorsabb, mint az elemek ellenőrzése, hogy megnézzük, mely színeket használjuk a stíluslapon, vagy letöltjük a képeket, és válasszunk színeket a képszerkesztőben.

Letöltés:ColorPick szemcsepp

13. Lorem Ipsum generátor

króm kiterjesztések programozók számára - lorem ipsum generátor

Egy webhely fejlesztésekor végül szükség van némi szövegre. A Lorem ipsum generátorok rengeteg az interneten, de a Lorem Ipsum Generator mindig azonnal elérhető az aktuális lapon. Ez gyors, és testreszabhatja, hogy hány bekezdést szeretne, és hány mondatot tartalmaz bekezdésre.

Letöltés:Lorem Ipsum generátor

14. Ellenőrizze a linkeket

króm kiterjesztések programozók számára - ellenőrizze a linkeket

A webfejlesztési projekt végén véglegesen átadja az összes központi oldalt, hogy megbizonyosodjon arról, hogy minden link működik-e. A Check My Links segítségével a folyamat a lehető legegyszerűbb. Egyszerűen kattintson a gombra, és beolvassa az összes linket az aktuális oldalon, majd jelölje ki mindegyiket annak függvényében, hogy törött vagy működik-e.

Letöltés:Ellenőrizze a linkeket

15. Méretek

krómhosszabbítók programozók számára - méretek

A Dimenziók inkább a webdizájn eszközét szolgálják, mint a webfejlesztést, de mivel a kettő általában átfedésben van, valószínűleg ezt a kiterjesztést fogja használni. Röviden: azonnali módon méri a távolságot a két web elem között, beleértve a szöveget, képeket, videókat és az űrlapmezőket. Ezenkívül meg tudja mérni az egér kurzorának és a támogatott webelemek bármelyikének távolságát.

Letöltés:Méretek

Több hasznosnak bizonyuló Chrome-bővítmény

A fentieken túl ezeket nagyon ajánljuk lapkezelés Chrome-bővítmények és ezek üzleti hatékonyságú Chrome-bővítmények, amely két olyan tényező, amely csalódást okozhat Önnek, mint a Chrome-ot használó fejlesztőnek.

Önnek is érdemes megnéznie a mi hatalmas választékunkat legjobb Chrome-bővítmények A legjobb Chrome-bővítményekA Google Chrome számára csak a legjobb bővítmények listája, ideértve az olvasóink javaslatait is. Olvass tovább , amely mindent lefed a biztonságtól a szórakoztatásig, a vásárlástól az általános termelékenységig és még sok minden mást.

Joel Lee B.S. számítástechnikában és több mint hat éves szakmai írói tapasztalat. A MakeUseOf főszerkesztője.