За разработчика може да бъде забързано използването на множество специални инструменти за всяка задача. Добавките за уеб браузър обаче могат да ви направят по-продуктивни, като предоставят достъп до различни функции от една платформа за сърфиране.

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

React Developer Tools е добавка DevTools за уеб браузъра. Той ще добави два нови раздела с име Components и Profiler във вашите Edge DevTools. Добавката с отворен код ще се нуждае от вашето разрешение за достъп до дървото на React на страница.

Разделът Компоненти показва основните компоненти на React на страницата, заедно с подкомпонентите. Изберете който и да е компонент от дървото, за да проверите и редактирате текущите му подпори, състоянието и куките в десния панел.

instagram viewer

Можете също да използвате тази добавка, за да разберете дали дадено приложение съдържа React.js или не. Използвайки раздела Profiler, разработчиците могат да записват информация за производителността.

Ако обичате да анализирате кода на GitHub, добавката Octotree може да подобри изживяването при преглед и изследване на код на GitHub. Той ви показва IDE-подобно кодово дърво и ви позволява да извършвате търсене на файлове и папки.

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

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

Accessibility Insights за уеб е добавка за браузър на Microsoft Edge, която ще ви позволи да намерите и коригирате проблеми с достъпността в различни уеб приложения и уебсайтове. Можете да го използвате, за да проверите за съответствие с около 50 разпоредби за достъпност.

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

Той също така ви помага да извършите процес в две стъпки, за да откриете често срещани, но силно въздействащи проблеми с достъпността в рамките на няколко минути. Въпреки това, имате нужда от Microsoft Edge Insider v.75 или по-нова версия, за да използвате тази добавка.

Анализирането на HTML кода на страница е честа задача на разработчика. С помощта на добавката Design Analysis можете да анализирате HTML страница, като активирате и деактивирате различни компоненти на тази страница.

Свързани: Страхотни HTML ефекти, които всеки може да добави към своите уебсайтове

Позволява ви да деактивирате вътрешни и външни (включително печатни и ръчни) CSS, да скриете изображения и фон изображения, алтернативни атрибути на изображението, заглавия на контура, рамки, външни връзки, таблици, плаващи елементи и скоро.

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

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

Използвайки добавката Запиши като MHTML, разработчиците могат да запишат текущата уеб страница във формат MHTML (MIME HTML)/MHT. Добавката идва с бутон на лентата с инструменти за използване без усилие. Той записва всички онлайн връзки в офлайн формат.

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

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

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

Разработчиците имат незаменима връзка с бисквитките. Cookie-Editor е мощна добавка, която ви позволява да изпълнявате стандартните операции с бисквитки по време на фазата на разработка и тестване на уеб страницата.

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

С едно щракване, Cookie-Editor ще изтрие всички бисквитки на текущата страница. Може също така да импортира/експортира бисквитки в текстов формат.

Node.js V8 е добавка, която можете да използвате с Edge DevTools, за да рационализирате своя цикъл на разработка на Node.js. Той може да управлява жизнения цикъл на прозореца/раздела на Edge DevTools, така че получавате повече време да се съсредоточите върху отстраняването на грешки в кода си.

Свързани: Какво представлява отстраняването на грешки от Rubber Duck?

Добавката Node.js V8 ви позволява да наблюдавате локални и отдалечени сесии за отстраняване на грешки, докато контролирате интерфейса на DevTools, както ръчно, така и автоматично. Можете също да го използвате за отстраняване на грешки в процесите на възел на VSCode и персонализиране на продължителността между пробите на v8 Inspector.

С негова помощ можете автоматично да отваряте и затваряте Edge DevTools в раздел или прозорец и да направите DevTools активни или неактивни при стартиране. Неговата функция за проверка ви спестява от копиране и поставяне на URL на DevTools, като автоматично открива генерирания URL при стартиране на възела.

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

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

Записването на грешката става лесно с добавката BugReplay. Можете също да прегледате грешката, преди да я споделите с колегите си. Добавката предлага и опция да я направи публична.

Изберете любимите си Edge добавки за разработка

Преглеждайки този списък с добавки на Microsoft Edge, можете да изберете тези, които ще ви помогнат в работата по разработката на уеб и приложения. Не забравяйте, че Microsoft Edge има и други добавки за редовни потребители. Можете да разглеждате и намирате основни разширения за други задачи, като управление на пароли.

9-те най-добри добавки на Microsoft Edge за лесно управление на пароли

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

Прочетете Следващото

Дялтуителектронна поща
Свързани теми
  • Програмиране
  • Microsoft Edge
  • Разширения на браузъра
  • Уеб разработка
За автора
Тамал Дас (Публикувани 311 статии)

Тамал е писател на свободна практика в MakeUseOf. След натрупване на значителен опит в технологиите, финансите и бизнеса процеси в предишната си работа в ИТ консултантска компания, той приема писането като професия на пълен работен ден преди 3 години. Въпреки че не пише за производителността и последните новини в областта на технологиите, той обича да играе Splinter Cell и да гледа безумно Netflix/ Prime Video.

Още от Tamal Das

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, ревюта, безплатни електронни книги и ексклузивни оферти!

Щракнете тук, за да се абонирате