• 本站由于前段时间遭受到大量临时和国外邮箱注册,所以对可注册的邮箱类型进行了限制!

  • 计算机图形学与计算几何经典必备书单整理,下载链接可参考:https://www.stubbornhuang.com/1256/

  • 工资「喂饱肚子」,副业「养活灵魂」!

  • 欢迎大家交换友链,可在https://www.stubbornhuang.com/申请友情链接进行友链交换申请!

  • 问题反馈可发送邮件到stubbornhuang@qq.com

  • 感谢大家访问本站,希望本站的内容可以帮助到大家!

  • 本站会放置Google广告用于维持域名以及网站服务器费用。

  • 如果觉得本站的内容有帮助,可以考虑打赏博主哦!

  • 在本站开通年度VIP,无限制下载本站资源和阅读本站文章

WordPress – 在浏览器的console输出信息

WordPress 发布于2020-03-09 阅读 5,972次 0次评论 0次点赞 本文共682个字,阅读需要2分钟。

最近在调试主题与插件之间不兼容的问题,想把一些信息打印输出到浏览器的console面板上,所有就使用了JS的console函数,将一些信息进行输出,方便调试。所以就对下面函数进行了封装。
代码如下:

1 代码

/*
用于在浏览器Console中输出信息
console.log:用于输出普通信息
console.info:用于输出提示性信息
console.warn:用于输出告警信息
console.error:用于输出错误信息
*/
function ConsoleInfo($var,$type="log")
{
    if(is_array($var) || is_object($var))
    {
        $var = json_decode($var);
    }

    if($type == "log")
    {
        echo '<script>console.log("'.$var.'");</script>';
    }
    elseif ($type == "info")
    {
        echo '<script>console.info("'.$var.'");</script>';
    }
    elseif ($type == "warn")
    {
        echo '<script>console.warn("'.$var.'");</script>';
    }
    elseif ($type == "error")
    {
        echo '<script>console.error("'.$var.'");</script>';
    }
    else
    {
        echo '<script>console.log("'.$var.'");</script>';
    }
}   

2 调用

ConsoleInfo("HelloWorld","error");

欢迎扫码关注我的微信公众号,及时获取文章更新

微信公众号二维码

本文作者:StubbornHuang

版权声明:本文为站长原创文章,如果转载请注明原文链接!

原文标题:WordPress – 在浏览器的console输出信息

原文链接:https://www.stubbornhuang.com/757/

发布于:2020年03月09日 14:29:31

修改于:2023年06月26日 22:32:56

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

文章末尾
上一篇
mciSendCommand在Win10上奔溃的问题解决/循环播放音乐
Windows编程
下一篇
WordPress - 插件OSS Upload与WP Editor.md/WP Githuber MD插件冲突,导致katex公式不正确显示的问题
WordPress
当前分类随机文章推荐

发表评论

您必须 [ 登录 ] 才能发表留言!

关注我们的公众号

微信公众号