1. Comando para exibir informações
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> Comando comum de console </ititle>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<Body>
<script type = "text/javascript">
console.log ('hello');
console.info ('Information');
console.error ('erro');
console.warn ('aviso');
</script>
</body>
</html>
O console mais comumente usado é o console.log.
Dois: espaço reservado
A concentração acima do console suporta o formato de espaço reservado PrintF. Os espaços reservados suportados são: caracteres (%s), números inteiros (%d ou%i), números de ponto flutuante (%f) e objeto (%O)
A cópia do código é a seguinte:
<script type = "text/javascript">
console.log (" %d ano D %D %D DIA", 2011, 3, 26);
</script>
Efeito:
3. Agrupamento de informações
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> Comando comum de console </ititle>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<Body>
<script type = "text/javascript">
console.Group ("Primeiro grupo de informações");
console.log ("Primeiro grupo primeiro: meu xx (// www.vevb.com)");
console.log ("Primeiro Grupo 2: XXX (http://vevb.com)");
console.Grupend ();
console.Group ("Segundo Grupo de Informações");
Console.log ("Segundo Grupo 1: Entusiasta do Programa QQ Grupo: 80535344");
console.log ("Segundo Grupo 2: Bem -vindo para participar");
console.Grupend ();
</script>
</body>
</html>
Efeito:
4. Veja as informações do objeto
console.dir () pode exibir todas as propriedades e métodos de um objeto.
A cópia do código é a seguinte:
<script type = "text/javascript">
var info = {
Blog: "// www.vevb.com",
QQGroup: 80535344,
Mensagem: "Os entusiastas do programa o recebem para se juntar"
};
console.dir (info);
</script>
Efeito:
5. Exiba o conteúdo de um nó
Console.dirxml () é usado para exibir o código HTML/XML contido em um nó de uma página da web.
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<title> Comando comum de console </ititle>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</head>
<Body>
<div id = "info">
<H3> meu blog: www.ido321.com </h3>
<p> Entusiasta do programa: 259280570, bem -vindo a participar </p>
</div>
<script type = "text/javascript">
var info = document.getElementById ('info');
console.dirxml (info);
</script>
</body>
</html>
Efeito:
6. determinar se a variável é verdadeira
console.assert () é usado para determinar se uma expressão ou variável é verdadeira. Se o resultado for não, uma mensagem correspondente será emitida no console e uma exceção será lançada.
A cópia do código é a seguinte:
<script type = "text/javascript">
var resultado = 1;
console.assert (resultado);
var ano = 2014;
console.assert (ano == 2018);
</script>
1 é um valor não 0, é verdade; e o segundo julgamento é falso e a mensagem de erro é exibida no console
7. Rastreie a faixa de chamada da função.
Console.Trace () é usado para rastrear a trilha de chamada da função.
A cópia do código é a seguinte:
<script type = "text/javascript">
/*Como a função é chamada, basta adicionar o método console.Trace () a ele*/
função add (a, b) {
console.Trace ();
retornar a+b;
}
var x = add3 (1,1);
função add3 (a, b) {return add2 (a, b);}
função add2 (a, b) {return add1 (a, b);}
função add1 (a, b) {return add (a, b);}
</script>
Informações de saída do console:
8. Função de tempo
Console.Time () e Console.TimeEnd () são usados para exibir o tempo de execução do código.
A cópia do código é a seguinte:
<script type = "text/javascript">
console.Time ("Timer de console One");
for (var i = 0; i <1000; i ++) {
for (var j = 0; j <1000; j ++) {}
}
console.TimeEnd ("Timer de console One");
</script>
O tempo de execução é de 38,84ms
9. Análise de desempenho do console.profile ()
A análise de desempenho (Profiler) é analisar o tempo de execução de cada parte do programa e descobrir o gargalo. O método usado é console.profile ().
A cópia do código é a seguinte:
<script type = "text/javascript">
função all () {
alerta (11);
for (var i = 0; i <10; i ++) {
funca (1000);
}
funcb (10000);
}
função funca (contagem) {
for (var i = 0; i <contagem; i ++) {}
}
função funcb (contagem) {
for (var i = 0; i <contagem; i ++) {}
}
console.profile ('Performance Analyzer');
Todos();
console.profileend ();
</script>
Deixe -me explicar que, durante o teste LZ, nenhum alerta foi adicionado a todos () e a barra de controle não foi emitida. Depois de adicionar, houve uma tabela de análise de desempenho. O motivo ainda não estava claro. Se você sabe, você pode comentar.