控制台

javascript 调试alert() console.log()

廉价感情. 提交于 2020-01-19 09:55:35
大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log 先的简单介绍一下chrome的控制台,打开chrome浏览器,按f12就可以轻松的打开控制台 大家可以看到控制台里面有一首诗还有其它信息,如果想清空控制台,可以点击左上角那个 来清空,当然也可以通过在控制台输入console.clear()来实现清空控制台信息。如下图所示 现在假设一个场景,如果一个数组里面有成百上千的元素,但是你想知道每个元素具体的值,这时候想想如果你用alert那将是多惨的一件事情,因为alert阻断线程运行,你不点击alert框的确定按钮下一个alert就不会出现。 下面我们用console.log来替换,感受一下它的魅力。 看了上面这张图,是不是认识到log的强大之处了,下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。 目前控制台方法和属性有: ["$$", "$x", "dir", "dirxml", "keys",

Console命令,让js调试更简单

守給你的承諾、 提交于 2020-01-19 09:50:38
转自https://www.cnblogs.com/alantao/p/5859358.html 一、显示信息的命令 console.log("normal"); // 用于输出普通信息 console.info("information"); // 用于输出提示性信息 console.error("error"); // 用于输出错误信息 console.warn("warn"); // 用于输出警示信息 二、点位符:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o); console.log("%s","string"); //字符(%s) console.log("%d年%d月%d日",2016,8,29); //整数(%d或%i) console.log("圆周率是%f",3.1415926); //浮点数(%f) var dog = {}; dog.name = "大毛"; dog.color = "黄色"; dog.sex = "母狗"; console.log("%o",dog); //对象(%o) 三、信息分组 (console.group(),console.groupEnd()) console.group("第一组信息"); console.log("第一组第一条:我的博客"); console.log("第一组第二条:CSDN");

Console命令,让js调试更简单

[亡魂溺海] 提交于 2020-01-19 09:26:15
Console命令,让js调试更简单 一、显示信息的命令 console.log("normal"); // 用于输出普通信息 console.info("information"); // 用于输出提示性信息 console.error("error"); // 用于输出错误信息 console.warn("warn"); // 用于输出警示信息 二、点位符:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o); console.log("%s","string"); //字符(%s) console.log("%d年%d月%d日",2016,8,29); //整数(%d或%i) console.log("圆周率是%f",3.1415926); //浮点数(%f) var dog = {}; dog.name = "大毛"; dog.color = "黄色"; dog.sex = "母狗"; console.log("%o",dog); //对象(%o) 三、信息分组 (console.group(),console.groupEnd()) 按 Ctrl+C 复制代码 按 Ctrl+C 复制代码 四、将对象以树状结构展现 (console.dir()可以显示一个对象所有的属性和方法) var info = { name : "Alan", age : "27",

Chrome浏览器你可以选择知道的知识

倾然丶 夕夏残阳落幕 提交于 2020-01-17 22:27:31
Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不大,支持的新特性也比其它浏览器多,还有一部分我想就是因为它的控制台功能强大了吧,说它是神器一点也不过分,很方便。但其实很多开发者并没有用出控制台的精髓,只是使用简单的console.log();其实控制台功能远远不止这么简单哦。 1.console.clear console.clear();清空控制台,这个应该和console.log知名度一样高吧。 2.console.log ('普通信息') 3.console.info ('提示性信息') 4.console.error ('错误信息') 5.console.warn ('警示信息') 大家都会用log,但很少有人能够很好地利用console.error,console.warn 等将输出到控制台的信息进行分类整理。他们功能区别不大,意义在于将输出到控制台的信息进行归类,或者说让它们更语义化。 6.console.group 与console.groupEnd 如果再配合console.group 与console.groupEnd,可以将这种分类管理的思想发挥到极致。这适合于在开发一个规模很大模块很多很复杂的Web APP时,将各自的log信息分组到以各自命名空间为名称的组里面。 这样的控制台信息看上去就一目了然了

使用VConsole调试代码

情到浓时终转凉″ 提交于 2020-01-17 17:10:08
在真实手机上运行H5页面时,无法看到控制台。为了能在真实手机上使用控制台,可以加入如下代码实现控制台: //引入VConsole var isTestEnvironment = true if(isTestEnvironment){ var script, scripts = document.getElementsByTagName('script')[document.getElementsByTagName('script').length-1] function load(url) { script = document.createElement('script') script.async = true script.src = url scripts.parentNode.insertBefore(script, scripts) } load('https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js') window.onload = function(){ var vConsole = new VConsole() } } VConsole界面如下: 该代码的要点为: 1.异步加载第三方的js。当无法报证嵌入的第三方内容可以正常工作的时候,可考虑用异步加载这些代码,避免阻塞整个页面加载。

终端、Shell、tty 和控制台(console)有什么区别?

一世执手 提交于 2020-01-17 17:07:55
作者:蓬岸 Dr.Quest 链接:https://www.zhihu.com/question/21711307/answer/118788917 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 在早期的电脑上,往往具有带有大量开关和指示灯的面板,可以对电脑进行一些底层的操作,这个面板就叫做Console。其概念来自于管风琴的控制台。一台电脑通常只能有一个Console,很多时候是电脑主机的一部分,和CPU共享一个机柜。 一台大型主机往往需要支持许多用户同时使用,每个用户所使用操作的设备,就叫做Terminal——终端,终端使用通信电缆与电脑主机连接,甚至可以通过电信网络(电话、电报线路等等)连接另一个城市的电脑。 照片来自: 带你逛西雅图活电脑博物馆(五) - 古董电脑室 - 知乎专栏 TTY是电传打字机Teletypewriter的缩写,在上图中的那种带显示屏的视频终端出现之前,TTY是最流行的终端设备。照片来自: 带你逛西雅图活电脑博物馆(一) - 古董电脑室 - 知乎专栏 Shell不是硬件,而是软件,是操作系统的操作界面,Windows 3.x可以看做是DOS的Shell, http://command.com 也是DOS的shell。 思考题:下面红框里的设备是Console还是Terminal? 答案公布:是Console

解决Tomcat控制台乱码问题

此生再无相见时 提交于 2020-01-17 05:14:06
解决Tomcat控制台乱码问题 问题原因:编码不一致,Tomcat启动后默认编码UTF-8,而Windows的默认编码是GBK。所以只需配置启动tomcat后为GBK编码即可。 做法:找到路径 \apache-tomcat-xxx\conf\ 下的logging.properties文件,添加(或修改)语句为:java.util.logging.ConsoleHandler.encoding = GBK 然后重启tomcat就ok了。 来源: CSDN 作者: XiaoAYing 链接: https://blog.csdn.net/XiaoAYing/article/details/103818148

Abp在程序包管理器控制台执行 Update-Database失败

心不动则不痛 提交于 2020-01-17 03:59:55
从下面的连接中 https://www.cnblogs.com/J5288/articles/8370989.html ,没有彻底解决。 下面特别说明下解决需要注意的地方: 注意:启动项目要设置“用于Migration的控制台程序”,猜测是从该项目中读取数据库连接 PM 中要选中有Migration 脚本的项目 如下我本地方式所示: 来源: CSDN 作者: 姜老大 链接: https://blog.csdn.net/jerry584210_jlu/article/details/104008765

logging 日志输出

二次信任 提交于 2020-01-16 21:09:24
1、控制台基本输出 代码: import logging logging.info("hhhhhhh info message") logging.debug("ddddddd debug message") logging.warning("wwwww warning message") logging.error("eeeeee error message") logging.critical("ccccc critical message") 控制台输出: 默认输出级别大于等于warning的日志。 2、自定义日志格式,控制台输出&&本地文件输出 代码: # -*- coding:utf-8 -*- import logging import os class log: def __init__(self): # 文件命名 self.filename=os.path.join(os.getcwd(),"api/","log.txt") self.logger=logging.getLogger() self.logger.setLevel(logging.DEBUG) #日志输出格式 self.formatter=logging.Formatter("%(asctime)s-%(filename)s-%(levelname)s-%(message)s") def log