render-info
Detectar modos de renderização do Blazor com RendererInfo
Os componentes do Blazor precisam de comportamentos diferentes durante a renderização estática versus os modos interativos. Esta skill fornece documentação e exemplos de código para usar o RendererInfo para detectar o contexto de renderização, desabilitar entradas durante o pré-renderização e renderizar conteúdo condicionalmente com base na interatividade.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "render-info". How do I check if my Blazor component is interactive?
النتيجة المتوقعة:
- Use RendererInfo.IsInteractive to check interactivity status
- During prerendering or static SSR, IsInteractive returns false
- In Interactive Server or WebAssembly modes, it returns true
- Example: @if (!RendererInfo.IsInteractive) { <p>Loading...</p> } else { <button @onclick="Submit">Submit</button> }
استخدام "render-info". What are the different render modes in Blazor?
النتيجة المتوقعة:
- Static: Running in server-side rendering without interactivity
- Server: Interactive Server mode using SignalR connections
- WebAssembly: Client-side rendering in browser via WebAssembly
- WebView: Hybrid apps running in MAUI, WPF, or WinForms
استخدام "render-info". How do I handle prerendering in Blazor?
النتيجة المتوقعة:
- Check RendererInfo.IsInteractive before rendering interactive elements
- Show loading state when IsInteractive is false
- Disable event handlers like @onclick during prerendering
- Use RendererInfo.Name to conditionally render static or interactive content
التدقيق الأمني
آمنThis is a documentation-only skill containing markdown content about Blazor's RendererInfo class. All 49 static findings are false positives: the scanner misidentified C# Razor syntax (@if, @onclick) as shell commands, triggered on common words in JSON metadata as crypto algorithms, and flagged the source_url field as a network threat. No executable code, scripts, network calls, or filesystem access exists.
عوامل الخطر
🌐 الوصول إلى الشبكة (1)
📁 الوصول إلى نظام الملفات (1)
⚙️ الأوامر الخارجية (26)
درجة الجودة
ماذا يمكنك بناءه
Corrigir bugs de pré-renderização
Desabilitar botões e entradas durante a pré-renderização do servidor para evitar confusão do usuário quando os manipuladores de eventos ainda não estão ativos.
Padrões de IU adaptativos
Mostrar formulários HTML simplificados para SSR estático e componentes interativos ricos para modos WebAssembly ou Server.
Depurar problemas de renderização
Exibir o modo de renderização atual na aplicação para solucionar comportamento inesperado em diferentes modelos de hospedagem.
جرّب هذه الموجهات
How do I use RendererInfo.IsInteractive in Blazor to check if my component is running interactively?
What are the possible values for RendererInfo.Name and what do they mean in Blazor?
How do I disable a button during Blazor prerendering so users cannot click it before JavaScript loads?
Show me how to render a simple HTML form for static SSR and a Blazor component for interactive modes using RendererInfo.
أفضل الممارسات
- Verifique RendererInfo.IsInteractive antes de anexar manipuladores de eventos para evitar erros durante a pré-renderização
- Use RendererInfo.Name para registro e depuração para entender qual renderizador está ativo
- Combine RendererInfo com ComponentBase.AssignedRenderMode para conhecimento completo do modo de renderização
تجنب
- Assumir que manipuladores de eventos funcionam durante a pré-renderização sem verificar RendererInfo.IsInteractive
- Usar nomes de renderizadores codificados em vez das constantes integradas ou métodos de detecção
- Depender apenas de AssignedRenderMode durante a pré-renderização, já que pode ser nulo