8 phần bổ trợ Microsoft Edge tốt nhất cho nhà phát triển
Đối với một nhà phát triển, có thể rất bận rộn khi sử dụng nhiều công cụ chuyên dụng cho mỗi nhiệm vụ. Tuy nhiên, các tiện ích bổ sung của trình duyệt web có thể giúp bạn làm việc hiệu quả hơn bằng cách cung cấp quyền truy cập vào các tính năng khác nhau từ một nền tảng duyệt web.
Tất cả các trình duyệt hàng đầu đều có phần mở rộng dành cho các chuyên gia. Và nếu bạn sử dụng Microsoft Edge, các nhiệm vụ phát triển của bạn có thể trở nên dễ dàng hơn với một số tiện ích bổ sung của trình duyệt. Ở đây, chúng ta sẽ thảo luận về các tiện ích bổ sung Microsoft Edge tốt nhất mà các nhà phát triển web nên sử dụng.
React Developer Tools là một tiện ích bổ sung DevTools cho trình duyệt web. Nó sẽ thêm hai tab mới có tên là Thành phần và Hồ sơ trong Edge DevTools của bạn. Tiện ích bổ sung mã nguồn mở sẽ cần sự cho phép của bạn để truy cập cây React của một trang.
Tab Thành phần hiển thị các thành phần React gốc của trang, cùng với các thành phần con. Chọn bất kỳ thành phần nào từ cây để kiểm tra và chỉnh sửa các đạo cụ, trạng thái và móc hiện tại của nó trong bảng điều khiển bên phải.
Bạn cũng có thể sử dụng tiện ích bổ sung này để tìm hiểu xem ứng dụng có chứa React.js hay không. Sử dụng tab Hồ sơ, các nhà phát triển có thể ghi lại thông tin về hiệu suất.
Nếu bạn đang phân tích mã GitHub, tiện ích bổ sung Octotree có thể nâng cao trải nghiệm khám phá và xem xét mã GitHub. Nó hiển thị cho bạn một cây mã giống IDE và cho phép bạn thực hiện tìm kiếm tệp và thư mục.
Tiện ích bổ sung hiệu suất cao này có khả năng hoạt động với các kho lưu trữ ở bất kỳ kích thước nào. Bên cạnh đó, nó hỗ trợ các kho lưu trữ riêng tư và cho phép bạn đánh dấu các yêu cầu kéo, kho, tệp và các vấn đề.
Bạn cũng có thể đăng ký phiên bản PRO của tiện ích bổ sung này để nhận thêm một số tính năng. Chúng bao gồm hỗ trợ cho nhiều tài khoản GitHub và GitHub Enterprise, nhiều tab, cài đặt phông chữ mã, kiểm tra mã yêu cầu kéo, chủ đề biểu tượng tệp và thay đổi vị trí gắn đế.
Accessibility Insights for Web là một tiện ích bổ sung của trình duyệt Microsoft Edge sẽ cho phép bạn xác định vị trí và khắc phục các sự cố trợ năng trong các ứng dụng web và trang web khác nhau. Bạn có thể sử dụng nó để kiểm tra sự tuân thủ với khoảng 50 điều khoản hỗ trợ tiếp cận.
Nhờ có hướng dẫn rõ ràng và trình trợ giúp trực quan, bạn có thể nhanh chóng xác định các vấn đề quan trọng khi truy cập bàn phím, bao gồm bẫy bàn phím, điểm dừng tab bị thiếu và thứ tự tab không chính xác.
Nó cũng giúp bạn thực hiện quy trình hai bước để xác định các vấn đề phổ biến nhưng có tác động cao về khả năng tiếp cận trong vòng vài phút. Tuy nhiên, bạn cần Microsoft Edge Insider v.75 trở lên để sử dụng tiện ích bổ sung này.
Phân tích mã HTML của một trang là công việc thường xuyên của một nhà phát triển. Với sự trợ giúp của tiện ích bổ sung Phân tích Thiết kế, bạn có thể phân tích một trang HTML bằng cách bật và tắt các thành phần khác nhau của trang đó.
Nó cho phép bạn vô hiệu hóa CSS bên trong và bên ngoài (bao gồm cả bản in và thiết bị cầm tay), ẩn hình ảnh và hình nền, hiển thị thuộc tính alt hình ảnh, tiêu đề phác thảo, khung, liên kết bên ngoài, bảng, phần tử nổi, v.v.
Bên cạnh đó, tiện ích bổ sung này đi kèm với các công cụ linh tinh giúp bạn hiển thị các phần tử ẩn, tải lại hình ảnh và CSS bên ngoài, xem mã nguồn, dòng hóa trang và đánh dấu tất cả các liên kết là đã truy cập hoặc chưa truy cập.
Tiện ích bổ sung này không lưu trữ hoặc chia sẻ bất kỳ dữ liệu nhận dạng cá nhân nào. Tất cả thông tin cần thiết cho hoạt động của nó vẫn nằm trong thiết bị của bạn.
Sử dụng tiện ích bổ sung Lưu dưới dạng MHTML, các nhà phát triển có thể lưu trang web hiện tại ở định dạng MHTML (MIME HTML) / MHT. Tiện ích bổ sung đi kèm với một nút trên thanh công cụ để sử dụng dễ dàng. Nó lưu tất cả các liên kết trực tuyến ở định dạng ngoại tuyến.
MHTML là một định dạng tệp lưu trữ giúp lưu nội dung trang web để xem ngoại tuyến. Loại tệp kết hợp tất cả các tài nguyên như hình ảnh, ứng dụng và hoạt ảnh Flash vào tài liệu HTML trong quá trình này.
Tiện ích bổ sung có hai công cụ khác nhau mà bạn có thể sử dụng để chỉnh sửa nội dung trang của trang trước khi lưu vào tệp MHTML.
Bạn có thể chọn chế độ thiết kế cho các tác vụ như thay đổi định dạng văn bản thành in đậm và nghiêng, thêm hình ảnh hoặc xóa bất kỳ nội dung nào. Hoặc bạn có thể chọn một phần của trang và yêu cầu tiện ích bổ sung này tạo tài liệu mới từ đó.
Các nhà phát triển có một mối quan hệ không thể thiếu với cookie. Cookie-Editor là một tiện ích bổ sung mạnh mẽ cho phép bạn thực hiện các thao tác cookie tiêu chuẩn trong giai đoạn phát triển và thử nghiệm trang web.
Tiện ích bổ sung này đi kèm với giao diện dễ sử dụng cho phép bạn quản lý cookie theo cách thủ công. Với sự trợ giúp của nó, bạn có thể nhanh chóng tạo, chỉnh sửa và xóa cookie khi ở trên tab.
Với một cú nhấp chuột, Cookie-Editor sẽ xóa tất cả cookie của trang hiện tại. Nó cũng có thể nhập / xuất cookie ở định dạng văn bản.
-1.jpeg?q=50&fit=crop&w=750&dpr=1.5)
Node.js V8 là một tiện ích bổ sung mà bạn có thể sử dụng với Edge DevTools để hợp lý hóa chu trình phát triển Node.js của mình. Nó có thể quản lý vòng đời cửa sổ / tab của Edge DevTools, vì vậy bạn có nhiều thời gian hơn để tập trung vào việc gỡ lỗi mã của mình.
Tiện ích bổ sung Node.js V8 cho phép bạn giám sát các phiên gỡ lỗi cục bộ và từ xa trong khi kiểm soát giao diện DevTools, cả thủ công và tự động. Bạn cũng có thể sử dụng nó để gỡ lỗi các quy trình nút VSCode và tùy chỉnh khoảng thời gian giữa các đầu dò của Trình kiểm tra v8.
Với sự trợ giúp của nó, bạn có thể tự động mở và đóng Edge DevTools trong tab hoặc cửa sổ và làm cho DevTools hoạt động hoặc không hoạt động khi bắt đầu. Tính năng kiểm tra của nó giúp bạn không sao chép và dán URL DevTools bằng cách tự động phát hiện URL được tạo khi chạy nút.
BugReplay chủ yếu là một tiện ích bổ sung được sử dụng để phát sóng màn hình và gỡ lỗi mạng. Nó giúp bạn ghi lại màn hình của mình đồng bộ với thông báo bảng điều khiển JavaScript và lưu lượng mạng. Nhờ tiện ích bổ sung này, tất cả những gì bạn cần làm là truy xuất lại các bước để bắt lỗi trong thời gian thực.
Không cần một nhà phát triển phải giao tiếp qua lại với người dùng cuối hoặc các giám đốc điều hành hỗ trợ. Họ có thể liên tục tìm ra lỗi xảy ra khi nào và ở đâu từ thông tin được ghi lại và giải quyết vấn đề ngay lập tức.
Việc ghi lại lỗi trở nên dễ dàng với tiện ích bổ sung BugReplay. Bạn cũng có thể xem lại lỗi trước khi chia sẻ với đồng nghiệp của mình. Tiện ích bổ sung này cũng cung cấp một tùy chọn để đặt nó ở chế độ công khai.
Chọn Tiện ích bổ sung Edge yêu thích của bạn để phát triển
Bằng cách xem qua danh sách các tiện ích bổ sung Microsoft Edge này, bạn có thể chọn những tiện ích bổ sung sẽ giúp bạn trong công việc phát triển web và ứng dụng. Hãy nhớ rằng Microsoft Edge cũng có các tiện ích bổ sung khác dành cho người dùng thông thường. Bạn có thể duyệt và tìm các tiện ích mở rộng chính cho các tác vụ khác như quản lý mật khẩu.
Đọc tiếp
Giới thiệu về tác giả
