Home-theater-designers
A Chrome a közelmúltban elfoglalta az internetböngészők piacának 25% -os részesedését, így a világ második leggyakrabban használt böngészője lett az Internet Explorer mögött (amely Spartan Project-vé fejlődik). Ez végső soron azt jelenti, hogy a Chrome a de facto otthon a webfejlesztők számára.
Bár részlegesen használom a Firefoxot, tudom értékelni, hogy miért szeretik az emberek a Chrome -ot. Hajlamos uralkodni a böngésző benchmarkjain, és megkönnyíti a rendszeres emberek számára, hogy Chrome -felhasználók legyenek. Mások valójában utálják a Chrome -ot, de elakadnak a használatában bizonyos bővítmények elérhetősége miatt.
Ez az egyik oka annak, hogy a Chrome miért olyan jó a webfejlesztők számára: a Chrome Internetes áruház és annak kiterjesztései. Ha valaha is egy weboldal tervezését vagy kódolását tervezi, itt van néhány alapvető eszköz, amelyeket azonnal telepítenie kell.
ColorZilla
ColorZilla Firefox kiegészítőként indult, de annyira népszerű lett, hogy sokan Chrome -verziót kértek. Most itt tartunk. Ez a praktikus kiterjesztés alapvetően a szemcseppentő eszköz fejlett változata, amelyet egy olyan programban talál, mint a Paint vagy a Photoshop.
Ezzel mutathat a böngésző bármely pontjára, és azonnal lehívhatja a színinformációkat. Miután meghúzta, módosíthatja (akár RGB, HSV vagy egyenes hatszögletű), mielőtt a vágólapra másolja. Rendkívül könnyen használható.
Tartozik hozzá egy CSS színátmenetgenerátor, egy weboldal színelemzője és néhány előre telepített színpaletta is.
Ablak -átméretező
A webfejlesztő egyik veszélye annak biztosítása, hogy a webhely megtekintési élménye minden eszközt használó felhasználók számára élvezetes legyen. Nem csak a mobileszközökről és az asztali számítógépekről beszélünk van fontos - de a különbség a kis táblagépek és a hatalmas monitorok között is.
Ablak -átméretező egy egyszerű módja annak, hogy menet közben átméretezze a böngészőablakot. Egy gombnyomásra különböző felbontásokban tesztelheti webhelyét, hogy lássa, mit látnak a felhasználók - majd ennek megfelelően módosíthatja.
IE Tab
A webfejlesztő másik hatalmas veszélye a böngésző szabványai (vagy azok hiánya). Az Internet Explorer, a Firefox, a Chrome, az Opera és az összes többi kisebb böngésző kissé eltérő módon jeleníti meg a webhelyeket. Eközben egyes böngészők lassabban fogadják el a szabványokat, mint mások.
Vagy az Internet Explorer esetében a szabványokat kidobják az ablakon, és a webfejlesztőket arra kényszerítik, hogy tépjék ki a hajukat, amikor kénytelenek szállást foglalni.
Val vel IE Tab , ez a folyamat egy kicsit könnyebb. Lehetővé teszi egy webhely megtekintését egy új Chrome lapon, de úgy, ahogy az IE -ben megjelenik. Nem forradalmi megoldás az IE problémájára, de legalább valami.
Érvényesség
Nem minden HTML kód egyenlő. Míg a böngészők nagy szerepet játszanak a szabványok betartásában, a felelősség egy része a webfejlesztőre is hárul, hogy kövesse a helyes HTML -gyakorlatokat. Ezért vannak eszközök ehhez HTML tesztelése és érvényesítése .
Érvényesség egy olyan bővítmény, amely lehetővé teszi mindezt anélkül, hogy meg kellene látogatnia harmadik féltől származó webhelyeket. Csak nyissa meg webhelyét, kattintson a gombra, és megjelenik az összes érvénytelen HTML -üzenet a böngészőkonzolban. Az érvényesítés a W3C érvényesítési szolgáltatáson keresztül történik.
BuiltWith
Egy dolgot utálok a webfejlesztésben, hogy vannak sok könyvtárak, keretek és motorok állnak rendelkezésre. A választás szabadsága nagyszerű, de fájdalmas, amikor a technológiák száma olyan nagy lesz, hogy nem tud lépést tartani mindegyikkel.
Látogatott már egy weboldalt, és azon tűnődött, hogy mi az alapul szolgáló technológia?
Az BuiltWith A kiterjesztés egyetlen gomb, amely elemzi az aktuális weboldalt összes az azt működtető webes könyvtárak, keretrendszerek és motorok, beleértve a hirdetési hálózatokat, a tartalomterjesztő platformokat, és még a háttértároló szoftvert is.
Postás REST kliens [már nem elérhető]
Azoknak, akik REST API -kkal dolgoznak, Postás az egyetlen eszköz, amire szüksége van az egyszerűsített munkafolyamathoz. Ezzel HTTP kéréseket hozhat létre, és formázott válaszokat kaphat JSON és XML formátumban. A válaszok külön ablakban nyílnak meg HTML -ként.
Több kérést is csoportosíthat gyűjteménynek, ami nagyszerű módja annak, hogy szervezett és hatékony maradjon. Több környezetben is tesztelhet úgy, hogy a környezeti változókat közvetlenül a bővítményen belül kapcsolja be.
Vállalati biztosítás
A kitöltő szöveg előállításának egyik módja az „asdf” másolása és beillesztése százszor. Jobb módja a telepítés lenne Vállalati biztosítás és hagyd, hogy egy szempillantás alatt kitöltő szöveget generáljon neked.
Korábban számos Lorem Ipsum generátort ismertettünk, de a Corporate Ipsum vonzereje az, hogy közvetlenül a böngészőben található. Egyetlen gombnyomással felhúzható. Nincs ok arra, hogy ne használja, ha engem kérdez. Most visszatérhet a webhely tényleges kódolásához!
TabCloud
A webfejlesztés néha több gépen is előfordul. Míg a forrásvezérlés a fejlesztők számára a szinkronizált és naprakész maradás fő módja, mi van, ha több lapot szeretne átvinni a számítógépekre? Ahol TabCloud bejön.
A TabCloud szinkronizálja lapjait a felhővel, így máshol is megnyithatja azokat. Helyileg is használható munkamenet -kímélőként, lehetővé téve a lapok tárolását a későbbi újbóli megtekintéshez. A lapok mentésre kerülnek Google -fiókjába.
WhatFont
A betűtervezés a webfejlesztés egyik fontos eleme, ezért olyan népszerűek lettek az olyan szolgáltatások, mint a Google Web Fonts. A jó hír az, hogy ezek az ingyenes betűtípusok jelenleg a legszebb webes betűtípusok közé tartoznak.
De valljuk be: van, amikor az interneten böngészve olyan lenyűgöző betűtípussal találkozik, amelyet még soha nem látott. Rengeteg módja van annak azonosítására, de a leggyorsabb módszer a használat WhatFont . Ezzel egyszerűen ellenőrizheti a betűtípusokat lebeg felettük . Hogyan lehetne könnyebb?
Félelmetes képernyőkép [már nem elérhető]
Ha a képernyőképek nem képezik a szokásos webfejlesztési rutin részét, Félelmetes képernyőkép segít ezen változtatni. A képernyőképek kiválóan alkalmasak a tervezésben bekövetkezett változások dokumentálására és a folyamatban lévő munkák megosztására az ügyféllel vagy a csapattagokkal.
hol vannak az összes dokumentumod?
Ez a bővítmény több rögzítési funkcióval rendelkezik, beleértve a teljes oldalt, a kiválasztott területet vagy a látható területet. Ezenkívül lehetővé teszi megjegyzések hozzáadását, a kép elmosódott részeinek elmosását és megosztását egyetlen kattintással. Vagy inkább töltse fel a Google Drive -ra.
Ha a koncepció felkeltette érdeklődését, de inkább egy erősebb asztali programot szeretne használni, nézze meg ezt a képernyőkép -összehasonlító eszközt, és kezdje el használni az Önnek legmegfelelőbbet.
Ellenőrizze a linkjeimet
A rengeteg webfejlesztési hiba elkeseríti a látogatókat, és a törött linkek az egyik legrosszabb elkövető. Egy hibás link rendben is lehet, de ennél több, és webhelye elveszíti hitelességét és hírnevét. Szerencsére ez könnyen elkerülhető hiba.
Ellenőrizze a linkjeimet pontosan azt teszi, amit ígér: ellenőrzi a linkeket. Az érvényes linkek zölddel, míg a törött linkek pirossal vannak jelölve, és a végén százalékos pontszámot kap. Csak annyit kell tennie, hogy utána megy, és javítja ezeket a linkeket!
Milyen bővítményeket használ?
A termelékenység további bővítését javaslom StayFocusd . Inkább általános célú bővítmény, mint webfejlesztési bővítmény, de ettől függetlenül mindenképpen hasznos. Ez megakadályozza, hogy munka közben dolgozzon!
Mit gondol ezekről? Vannak más alapvető webfejlesztési bővítmények, amelyeket javasolna? Ossza meg velünk az alábbi megjegyzésekben!
Részvény Részvény Csipog Email 15 Windows parancssori (CMD) parancs, amit tudnia kellA parancssor továbbra is hatékony Windows eszköz. Itt vannak a leghasznosabb CMD -parancsok, amelyeket minden Windows -felhasználónak tudnia kell.
Olvassa tovább Kapcsolódó témák- Böngészők
- Google Chrome
- Böngészőbővítmények
Joel Lee a MakeUseOf főszerkesztője 2018 óta. B.S. számítástechnika szakon és több mint kilenc éves szakmai írási és szerkesztési tapasztalat.
Továbbiak Joel Lee -tőlIratkozzon fel hírlevelünkre
Csatlakozz hírlevelünkhöz, ahol technikai tippeket, véleményeket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!
Feliratkozáshoz kattintson ide