Phenquestions
Новият Microsoft Edge е създаден с помощта на проект с отворен код Chromium и ако сте разработчик, ето списъкът с Инструменти за разработчици в Microsoft Edge (Chromium). Няколко нови инструмента влязоха в списъка на DevTools. Това ще улесни и бързо за разработчиците да създават и тестват уебсайтове в Microsoft Edge.
Списък на DevTools в new Edge (Chromium)
DevTools на Microsoft Edge (Chromium) могат да бъдат категоризирани в две различни категории:
- Основни инструменти
- Разширения.
1] Основни инструменти
Панел с елементи - Една от най-полезните функции на DevTools за уеб разработчиците е възможността да „Редактирате на живо“ HTML и CSS на страница. Можете да използвате панела Elements за редактиране на HTML и CSS, проверка на свойствата за достъпност, преглед на слушателите на събития и задаване на точки за прекъсване на DOM мутацията.
Конзола - Инструментът Console обикновено регистрира информация, свързана с уеб страница, като JavaScript, мрежови заявки и грешки в сигурността. И така, първата стъпка при отстраняването на проблемите е проверка на конзолата на браузъра.
Поради тази причина; ще намерите специален панел на конзолата в браузъра Edge. Разработчиците могат да използват същия панел за интерактивно отстраняване на грешки, ad-hoc тестване и комуникация в и извън работеща уеб страница.
Панел „Източници“ - Случва се да бъде най-полезният инструмент за всеки разработчик на JavaScript - JavaScript Debugger. Използвайки го, разработчикът може да отваря и редактира своя код по време на изпълнение, да задава точки на прекъсване, да преминава през кода и да вижда състоянието на уебсайта си по един ред на JavaScript в даден момент.
Мрежов панел - Той може да наблюдава и проверява заявки и отговори от мрежата и кеша на браузъра.
Панел за изпълнение - Той е отговорен за записването на данни за изпълнението по време на изпълнение. Ефективността по време на изпълнение е как вашата страница се представя, когато се изпълнява, за разлика от зареждането.
Панел на паметта - Проблемите с паметта могат да бъдат основният виновник за проблеми с производителността. Това може да доведе до това страницата да става все по-неотзивчива и забавена с течение на времето. Панелът с памет може да измерва използването на системните ресурси и да сравнява снимки на купчина при различни състояния на изпълнение на кода.
Панел за приложение - Той показва няколко интересни свойства на уеб страница. Той може да проверява и управлява хранилището, базите данни и кешовете от панела.
Панел за сигурност - Той може да провери дали страницата, която разглеждате в момента, е защитена или не. Той може също така да провери произхода си. Разработчиците могат да го използват, за да отстраняват грешки в проблемите на сигурността и да гарантират, че HTTPS е изпълнен по подходящ начин.
Панел за одити - То не изисква изключително описание, тъй като е обяснително само по себе си. Функцията ви позволява да проверите вашия уеб сайт. Получените резултати могат да ви помогнат да подобрите качеството на вашия уебсайт.
Прочети: Възникна грешка при стартиране на сесията за профилиране в Edge DevTools.
2] Разширения
Докато Edge поддържа разширения, към момента няма налични разширения за DevTool. Вместо това ще трябва да инсталирате разширения от магазина за разширения на трети страни, напр. Уеб магазин на Chrome.
- Кликнете върху трите точки или върху иконата на менюто в горния ляв ъгъл на Edge. Кликнете върху Разширения.
- В долния ляв ъгъл на страницата „Разширения“ включете превключвателя за Разрешаване на разширения от други магазини.
- След това отворете уеб магазина на Chrome и отворете разширението, което работи с DevTools, напр.ж., Инструмент ReAct Developer от Facebook.
- Щракнете, за да добавите към Chrome и разширението DevTools ще бъде добавено към Microsoft Edge!
С прости думи, по този начин инсталирате разширение за Chrome на Edge. Предупреждавайте обаче, ако неговото чисто разширение за Chrome може или не може да работи, тъй като Microsoft е премахнала някои от услугите и функциите на Chromium.
Новият браузър Edge ще бъде достъпен със следващата актуализация на функциите на Windows 10, ако имате уебсайт или бизнес, който зависи от Edge, по-добре е да се подготвите предварително.
За подробно четене посетете Microsoft.com.
