zoukankan      html  css  js  c++  java
  • JS中将控制台log输出显示到浏览器中

    JS中将控制台log输出显示到浏览中


    一、背景

    有时候需要,将返回的请求数据打印在Chrome中的控制台中,方便对比数据,对比实际返回数据是否和API约定数据一致。这时需要在代码中添加console.log 片段,将数据限制在浏览器的控制台中。


    二、操作

    在代码添加需要返回的数据,并打印出来,在浏览器中查看。

    (1)在代码中添加():

            console.log(resultXML);//将数据打印
    
            return resultXML;//返回数据
    (2)完整代码:

            var resultXML = '<assessmentResult>'
                +               '<itemResult>'
                +                   '<outcomeVariable identifier="completionStatus">'
                +                       '<value>' + completionStatus + '</value>'
                +                   '</outcomeVariable>'
                +                   '<outcomeVariable identifier="SCORE">'
                +                       '<value>' + score + '</value>'
                +                   '</outcomeVariable>'
                +                   '<responseVariable identifier="duration">'
                +                       '<candidateResponse>'
                +                           '<value>' + duration + '</value>'
                +                        '</candidateResponse>'
                +                   '</responseVariable>'
                +                   '<responseVariable identifier="numAttempts">'
                +                       '<candidateResponse>'
                +                           '<value>' + numAttempts + '</value>'
                +                        '</candidateResponse>'
                +                   '</responseVariable>'
                +                   '<responseVariable identifier="' + responseObj.identifier + '" cardinality="' + responseObj.cardinality + '" baseType="' + responseObj.baseType + '">'
                +                        '<correctResponse>' + correctResponse + '</correctResponse>'
                +                       '<candidateResponse>' + candidateResponse + '</candidateResponse>'
                +                   '</responseVariable>'
                +               '</itemResult>'
                +            '</assessmentResult>';
            console.log(resultXML);//将数据打印
    
            return resultXML;//返回数据


    (3)在Chrome下的NetWork下查看返回数据,如下图:




    实际返回,将其放在WS下,再按Ctrl+Shift+F,将数据排版成XML格式:

    <assessmentResult>
        <itemResult>
            <outcomeVariable identifier="completionStatus">
                <value>FAILED</value>
            </outcomeVariable>
            <outcomeVariable identifier="SCORE">
                <value>0</value>
            </outcomeVariable>
            <responseVariable identifier="duration">
                <candidateResponse>
                    <value>6</value>
                </candidateResponse>
            </responseVariable>
            <responseVariable identifier="numAttempts">
                <candidateResponse>
                    <value>1</value>
                </candidateResponse>
            </responseVariable>
            <responseVariable identifier="RESPONSE_1-1" cardinality="ordered" baseType="identifier">
                <correctResponse>
                    <value>A</value>
                    <value>B</value>
                    <value>C</value>
                    <value>D</value>
                    <value>E</value>
                </correctResponse>
                <candidateResponse>
                    <value>C</value>
                    <value>E</value>
                    <value>D</value>
                    <value>A</value>
                    <value>B</value>
                </candidateResponse>
            </responseVariable>
        </itemResult>
    </assessmentResult>

    (4)将其和实际开发API对比



    版权声明:本文为博主原创文章,未经博主允许不得转载。

  • 相关阅读:
    使用HandyJSON导致的内存泄漏问题相关解决方法
    iOS开发中获取视图在屏幕上显示的位置
    颜色框架Hue使用方法
    网络库Alamofire使用方法
    iOS开发中使用文字图标iconfont
    UISearchBar的扩展使用
    cocoapods导入第三方库提示RPC failed curl 18 transfer
    APP在模拟器崩溃,提示__gcd_queue_item_enqueue_hook_block_invoke
    APP崩溃提示:This application is modifying the autolayout engine from a background thread after the engine was accessed from the main thread. This can lead to engine corruption and weird crashes.
    crm
  • 原文地址:https://www.cnblogs.com/haixianglan/p/4609231.html
Copyright © 2011-2022 走看看