chrome开发者工具之JS调试利器
时间：2018-08-29 17:26:12来源：Win10专业版官网点击量：N次
今天我来给大家讲解一下js的console.log()看看控制台输出带给我们的愉悦感受。
详细步骤：1、首先我们需要安装最新版的谷歌chrome浏览器，通过百度搜索chrome下载就可以了。
2、安装完成以后打开chrome浏览器，按图所示打开“开发者工具”，可以直接进入console控制台，我这里在百度页面打开的console控制台，可以看到百度在控制台发布了一条招聘信息，不得不说这个招聘广告打得漂亮。
3、现在我们在前端开发工具里面使用jquery输出几个信息看看。我在id为top1的标签中增加了一个bt属性，现在通过jquery直接输出bt属性到控制台，输出方式为console.log($("#top1").attr("bt")); 另外我还输出了所有li标签的html内容。
4、好了，代码写好以后，我们使用chrome打开该页面，同时保证开发者工具也打开，这是在console控制台就可以看到输出结果了，是不是比alert舒服了很多，妈妈再也不用担心我点alert费鼠标了。
5、console控制台除了输出结果意外还有一个重要功能，那就是js报错提醒，现在我们在js代码中写一个错误的代码(把obj[i]外面的$选择符去掉)，看看控制台的提示。
如果每次更改代码以后，刷新一下页面就可以查看当前的console输出。大家觉得有用的话以后不妨就用这个方法，相信一定会用的顺心。
下一篇：UC浏览器怎么清除上网痕迹？
相关文章
系统热搜
Win10教程 - 推荐
Win10下载排行
1 Win10 20H2(2009)有哪些新变化？Win10 2009 2 Win10 2009正式版_ISO镜像_微软官方下载 3 Win10 2004 ISO镜像MSDN下载页面地址 4 win10自动修复死循环怎么办？ win10一分钟 5 最新微软官方MSDN原版Win10系统ISO镜像下 6 Win10专业工作站版下载安装和激活 7 Win10蓝屏代码“BAD SYSTEM CONFIG INFO 8 教你从Win10 1909升级Win10 2004的方法 9 win10系统正版的需要多少钱？win10个版本价 10 教你一招解决Win10计算器打不开的问题最新Win10专业版下载
1 Win10 2009正式版_ISO镜像_Win10纯净版32 2 Win10 2009正式版_ISO镜像_Win10纯净版64 3 微软官方Win10 2009正式版_Win10 32位iso 4 微软官方Win10 2009正式版_Win10 64位iso 5 Win10专业版下载_Win10版本大全(1511-200 6 Win10专业版64位_ISO镜像_电脑操作系统下 7 微软镜像Win10 2004 MSDN ISO下载_2020年 8 Win10 21H2原版ISO镜像下载_Win10专业版I 9 Win10原版专业版镜像下载_Win10专业版ISO 10 Win10专业版系统下载_Win10专业版21H2个
Win10专业版官网，国内顶级win10专业版官方网站。
Copyright (C) Win10zjb.com, All Rights Reserved. win10专业版官网 版权所有
Copyright (C) Win10zjb.com, All Rights Reserved. win10专业版官网 版权所有