نویسنده در این مقاله تجربهی خود را در تلاش برای ساخت ابزارهای توسعهدهنده برای Blazor شرح میدهد. هدف، ایجاد ابزاری بود که به توسعهدهندگان اجازه دهد تا ساختار Razor componentها را در مرورگر بررسی کنند، مشابه React DevTools و Vue Devtools. نویسنده چندین روش را امتحان کرد، از جمله استفاده از HTML comments، data attributes، custom Razor directives، IL weaving و component wrapping. هر یک از این روشها با مشکلاتی مواجه شد، مانند از بین رفتن HTML comments در فرآیند کامپایل، تغییرات ناخواسته در HTML، دسترسی نداشتن به مرحلهی مناسب کامپایل، و کاهش عملکرد. در نهایت، راه حل موفق با ترکیب استفاده از Shadow Copies و Span Markers به دست آمد. این ابزار به توسعهدهندگان کمک میکند تا ساختار Razor componentها را در مرورگر بررسی کنند.
مشاهده مطلب اصلی