Microsoft Edge mới được tạo bằng dự án nguồn mở Chromium và nếu bạn là nhà phát triển, đây là danh sách Công cụ dành cho nhà phát triển trong Microsoft Edge (Chromium) . Một số công cụ mới đã đưa chúng vào danh sách DevTools. Nó sẽ giúp các nhà phát triển xây dựng và thử nghiệm các trang web trong Microsoft Edge một cách dễ dàng và nhanh chóng.
Danh sách DevTools trong Edge mới (Chromium)
Công cụ DevTools của Microsoft Edge (Chromium) có thể được phân loại rộng rãi thành hai danh mục khác nhau:
- Công cụ cốt lõi
- Các tiện ích mở rộng.
1] Công cụ cốt lõi
Bảng điều khiển phần tử - Một trong những tính năng hữu ích nhất của DevTools cho các nhà phát triển web là khả năng “Chỉnh sửa trực tiếp” HTML và CSS trên một trang. Bạn có thể sử dụng bảng Elements để chỉnh sửa HTML và CSS, kiểm tra các thuộc tính trợ năng, xem trình xử lý sự kiện và đặt các điểm ngắt đột biến DOM.
Bảng điều khiển - Công cụ Bảng điều khiển thường ghi lại thông tin liên quan đến một trang web, chẳng hạn như JavaScript, yêu cầu mạng và lỗi bảo mật. Vì vậy, bước đầu tiên để khắc phục sự cố là kiểm tra bảng điều khiển của trình duyệt.
Đó là vì lý do này; bạn tìm thấy một bảng Console chuyên dụng trong trình duyệt Edge. Các nhà phát triển có thể sử dụng cùng một bảng điều khiển để gỡ lỗi tương tác, kiểm tra đặc biệt và giao tiếp vào và ra khỏi một trang web đang chạy.
Bảng điều khiển nguồn - Đây là công cụ hữu ích nhất duy nhất cho bất kỳ nhà phát triển JavaScript nào - Trình gỡ lỗi JavaScript. Sử dụng nó, nhà phát triển có thể mở và chỉnh sửa mã của mình trong thời gian chạy, đặt các điểm ngắt, từng bước qua mã và xem trạng thái trang web của mình từng dòng JavaScript.
Bảng điều khiển mạng - Nó có thể giám sát và kiểm tra các yêu cầu và phản hồi từ mạng và bộ nhớ cache của trình duyệt.
Bảng hiệu suất - Nó chịu trách nhiệm ghi lại dữ liệu hiệu suất thời gian chạy. Hiệu suất thời gian chạy là cách trang của bạn hoạt động khi nó đang chạy, trái ngược với khi tải.
Bảng điều khiển bộ nhớ - Các vấn đề về bộ nhớ có thể là thủ phạm chính gây ra các vấn đề về hiệu suất. Nó có thể khiến trang ngày càng không phản hồi và bị lag theo thời gian. Bảng điều khiển bộ nhớ có thể đo lường việc sử dụng tài nguyên hệ thống và so sánh các ảnh chụp nhanh heap ở các trạng thái thực thi mã khác nhau.
Bảng ứng dụng - Nó hiển thị một số thuộc tính trang web thú vị. Nó có thể kiểm tra và quản lý bộ nhớ, cơ sở dữ liệu và bộ nhớ đệm từ bảng điều khiển.
Bảng bảo mật - Nó có thể kiểm tra xem trang bạn đang xem có an toàn hay không. Nó cũng có thể kiểm tra nguồn gốc của nó. Các nhà phát triển có thể sử dụng nó để gỡ lỗi các vấn đề bảo mật và đảm bảo rằng HTTPS được triển khai một cách thích hợp.
Bảng kiểm tra - Nó không yêu cầu mô tả độc quyền vì nó tự giải thích. Tính năng này cho phép bạn kiểm tra trang web của mình. Kết quả thu được có thể giúp bạn cải thiện chất lượng trang web của mình.
Đọc :Đã xảy ra lỗi khi bắt đầu phiên lập hồ sơ trong Edge DevTools.
2] Tiện ích mở rộng
Mặc dù Edge hỗ trợ các tiện ích mở rộng, nhưng hiện tại không có Tiện ích mở rộng nào dành cho DevTool. Thay vào đó, bạn sẽ cần cài đặt các tiện ích mở rộng từ cửa hàng tiện ích mở rộng của bên thứ ba, ví dụ:Cửa hàng Chrome trực tuyến.
- Nhấp vào ba dấu chấm hoặc biểu tượng menu ở trên cùng bên trái của Edge. Nhấp vào Tiện ích mở rộng .
- Ở góc dưới cùng bên trái của trang Tiện ích mở rộng, bật nút chuyển đổi cho Cho phép tiện ích mở rộng từ các cửa hàng khác.
- Tiếp theo, điều hướng đến Cửa hàng Chrome trực tuyến và mở tiện ích mở rộng hoạt động với DevTools, ví dụ:công cụ ReAct Developer từ Facebook.
- Nhấp để Thêm vào Chrome và tiện ích mở rộng DevTools sẽ được thêm vào Microsoft Edge!
Nói một cách dễ hiểu, đây là cách bạn cài đặt tiện ích mở rộng Chrome trên Edge. Tuy nhiên, hãy cảnh báo nếu tiện ích mở rộng Chrome thuần túy của nó, nó có thể hoạt động hoặc có thể không hoạt động vì Microsoft đã xóa một số dịch vụ và tính năng của Chromium.
Trình duyệt Edge mới sẽ có sẵn với bản cập nhật tính năng tiếp theo của Windows 10 nếu bạn có trang web hoặc doanh nghiệp phụ thuộc vào Edge, tốt hơn hết bạn nên chuẩn bị trước.
Để đọc chi tiết, hãy truy cập Microsoft.com.