前端在浏览中如何显示日志文件代码 show log

如何在前端显示log日志

日志显示我用的是 code 代码块
显示颜色用的highlight
看日志的人应该不用太考虑浏览器兼容的问题吧

<link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet">  
<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>  
<script >hljs.initHighlightingOnLoad();</script>  
<pre><code class="lang-java">
SuperCatch Crash!!!
====================Crash日志开始记录====================
Crash Time: 2017-12-20 06:08:51
Crash Thread: main
Crash Digest: java.lang.IllegalStateException: Could not execute method for android:onClick
Crash StackTrace: java.lang.IllegalStateException: Could not execute method for android:onClick
    at android.support.v7.app.AppCompatViewInflater$DeclaredOnClickListener.onClick(AppCompatViewInflater.java:293)
    at android.view.View.performClick(View.java:5646)
    at android.view.View$PerformClick.run(View.java:22459)
    at android.os.Handler.handleCallback(Handler.java:761)
    at android.os.Handler.dispatchMessage(Handler.java:98)
    at android.os.Looper.loop(Looper.java:156)
    at android.app.ActivityThread.main(ActivityThread.java:6523)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:942)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:832)
Caused by: java.lang.reflect.InvocationTargetException
    at java.lang.reflect.Method.invoke(Native Method)
    at android.support.v7.app.AppCompatViewInflater$DeclaredOnClickListener.onClick(AppCompatViewInflater.java:288)
    ... 9 more
Caused by: java.lang.NullPointerException: Wa Null Point Exception
    at me.chunsheng.supercatch.MainActivity.crashTest(MainActivity.java:19)
    ... 11 more

******Crash设备当前信息******
Device Name: HUAWEI EVA-AL00
Android Version: 7.0
Device System: EVA-AL00C00B398
Device Battery: 100 %
Device Rooted: no
Device Ram: 43.0% [2.00 GB]
Device Disk: 73.0% [25.00 GB]
App Verion: 1.0
Device Network: WIFI
====================Crash日志结束记录====================
</code></pre>

最后显示结果如下,在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值