美文网首页
10.如何将信息打印在页面中(因为手机上看不到控制台)

10.如何将信息打印在页面中(因为手机上看不到控制台)

作者: jqClub | 来源:发表于2018-09-27 23:47 被阅读0次

2018.11.11更新:可以直接使用微信的vconsole库
https://github.com/Tencent/vConsole


手机上根本看不到控制台,那如何查看打印的信息呢?
可以使用下面的方法去实现打印

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <textarea id="id-text-log" name="name" rows="20" cols="50"></textarea>
    </body>
    <script type="text/javascript">
        var e = sel => document.querySelector(sel)
        // var log = console.log.bind(console)
        var log = function() {
            var result = ''
            // console.log(arguments)
            var args = Array.prototype.slice.call(arguments);
            args.forEach(function(value){
                // console.log(value)
                if(typeof value == 'object') {
                    value = JSON.stringify(value)
                }
                result += value + ' '
            });
            console.log(result)
            e('#id-text-log').value += result + '\n'
        }
        log(1, 2, 3, 4)
        log({1: 2}, 12)
        log([1, 2, 3, 4])
    </script>
</html>

效果图如下:


image.png

相关文章

网友评论

      本文标题:10.如何将信息打印在页面中(因为手机上看不到控制台)

      本文链接:https://www.haomeiwen.com/subject/tgtuoftx.html