asp.net core使用中间件美化开发环境异常页面

asp.net core系统自带的异常页面色彩给人感觉模糊、朦胧,晕眩!

 

原版:

 

美化版

 

 

实现思路:(在系统自带异常中间件“DeveloperExceptionPageMiddleware”执行后,调用自定义的异常中间件“DeveloperExceptionPrettifyMiddleware”,继续向响应流输出美化的css和js)

/// <summary>
/// 开发环境异常页面css美化 中间件
/// </summary>
public class DeveloperExceptionPrettifyMiddleware
{
    private readonly RequestDelegate _next;

    public DeveloperExceptionPrettifyMiddleware(
        RequestDelegate next)
    {
        _next = next;
    }

    public async Task Invoke(HttpContext context)
    {
        await _next.Invoke(context);

        if (context.Response.StatusCode == 500) // 通过 StatusCode 判断程序报错
        {
            using (TextWriter output = (TextWriter)new StreamWriter(context.Response.Body,
                new UTF8Encoding(false, true), 4096, true))
            {
                // 美化版 css/js
                var chars = @"
                    <style>
                        body{ color: inherit}
                        h1{color:red}
                        h3{color:inherit}
                        .titleerror{color:maroon}
                        body .location{ }
                        #header li{color:blue}
                        #header .selected{background:#44525e}
                        #stackpage .source ol li{background-color:#ffffcc}
                        #stackpage .source ol.collapsible li span{color:#000}
                        .rawExceptionStackTrace{background-color:#ffffcc; padding:.5rem}
                        :focus{outline:none}
                        .showRawException{color:blue}
                    </style>
                    <script>
                        document.querySelector('.expandCollapseButton').click()
                    </script>
            ".ToCharArray();

                // 输出到响应流中
                await output.WriteAsync(chars, 0, chars.Length);
                await output.FlushAsync();
            }
        }
    }
}

 

使用中间件(注意顺序)

源码下载

https://github.com/246850/AspNetCore.Prettify/

 

转载于:https://www.cnblogs.com/GodX/p/11045082.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值