Разработването на добър уебсайт, който се придържа към общоприетите "добри практики", може да бъде супер трудно и понякога отстраняването на грешки за отстраняване на грешки в кода ви е още по-трудно.

За щастие в уеб магазина на Chrome има няколко разширения, които могат значително да увеличат производителността и да улеснят живота ви при работа с уебсайтове и приложения, базирани на браузъра.

Ето единадесет от най-добрите разширения за Chrome за уеб дизайнери и програмисти:

Свързани : 7 от най-добрите разширения за Chrome, които трябва да опитате

1. WhatFont

WhatFont е чудесно средство за забелязване на различните типове шрифтове на уеб страница, като се наклони мишката върху тях.

Когато кликнете върху шрифта, той ви дава допълнителна информация за точния му вид, размер и височина на линията. Толкова просто и елегантно.

2. StyleBot

StyleBot е разширение за CSS за уеб програмисти. Тя ви помага да персонализирате външния вид на всеки сайт, като изберете елемента и променяте неговия стил от редактора.

Има и разширен раздел за CSS, където можете да напишете свои собствени правила директно. Това е особено полезно за хора, които просто учат CSS.

3. BuiltWith Technology Profiler

BuiltWith Profiler се използва за проверка на технологиите, на които е изграден уебсайт.

Щом кликнете върху иконата в лентата на Chrome, тя изскача в тава, където можете да видите различните технологии, които уебсайтът използва като уеб сървър, мрежа за доставка на съдържание, система за управление на съдържанието, JavaScript библиотеки и функции и още много други.

Това може да Ви помогне да решите кои от тях да се реализират по вашите собствени уеб проекти.

4. Уеб програмист

Web Developer е разширение за Chrome, пренесено от популярната версия на Firefox.

Той предлага богат набор от инструменти в браузъра ви, включително опциите за превключване между стилове, деактивиране на JavaScript, показване на скрити елементи или попълване на формуляри.

Има няколко тона тук, за да тествате кода си или да експериментирате, така че не забравяйте да го проверите.

5. ColorZilla

ColorZilla е прекрасно разширение за уеб дизайнери, които искат да проверят точния цвят на уеб сайтовете, които харесват.

С него можете да получите цветно четене от всяка точка на браузъра си и да копирате стойността на Hex или RGB за поставяне в друга програма.

Съществуват няколко други функции като Eyedropper, Palette Viewer, CSS Gradient Generator, Picked Color History и цветен анализатор на цветове, който предоставя палитра за всеки сайт.

6. Заснемане на екранна снимка (FireShot)

FireShot прави много проста работа. Тя ви позволява да направите екранна снимка на различни части на уеб страница или цялата самата уеб страница и да експортирате в PDF, JPEG, GIF, PNG или BMP.

7. Владелец на страницата

Страничен владетел ви позволява да измервате ширината, височината и позицията на всеки елемент в уеб страницата, като изчертаете владетел около елемента и преоразмерявате желанието на сърцето си.

Можете също така да преминете към "Режим елемент", за да очертаете всеки елемент на дадена страница, като мишката върху тях.

8. YSlow

YSlow ви помага да ускорите уебсайтовете си, като анализирате страницата си и предлагате начини за подобряване на ефективността.

Тя тества страниците ви срещу предварително дефиниран набор от правила, които са широко приети, и обобщава времето за зареждане на страницата, компонентите на сайта и статистическите графики.

9. Контролен списък за уеб разработчици

Този удобен инструмент проверява уеб страниците ви, за да гарантира, че те следват най-добрите практики по отношение на SEO, HTML утвърждаване, мобилна реакция, използваемост и скорост.

Можете също да посетите уеб сайта на програмиста за по-задълбочен контролен списък.

10. Преливане на стека за търсене

Search Stack Overflow е много просто разширение, което добавя поле за търсене към вашия браузър за търсене на теми за преливане на стека.

Можете да търсите почти всичко свързано с уеб програмирането или програмирането като цяло и най-вероятно ще намерите добър ресурс за решаване на вашите проблеми.

11. Проверете връзките ми

Проверете връзката "Моите връзки" Разширението за Chrome ви помага да откривате невалидни връзки в уеб страницата си.

След като го инсталирате, кликнете върху иконата на хромираната лента и ще се отвори прозорец с резултати, където можете да видите общия брой връзки на страницата и ако има такива, които са повредени.

Той също така подчертава всички добри връзки в зелено и счупени такива в червено за лесно забелязване.

заключение

Не може да се отрече, че всички тези големи разширения на Chrome значително намалиха трудностите при проектирането или разработването на уеб приложения. Ако вече нямате някои или някои от тях, вие сте изчезнали много, затова изпробвайте онези, които са подходящи за вас, и опитайте по-бърз начин да работите директно от уеб браузъра си.

Какви други разширения за Chrome използвате? Споделете ги с нас в секцията за коментари по-долу.