1. Comando para mostrar información
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> Common Common Console Command </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</ablo>
<Body>
<script type = "text/javaScript">
console.log ('hola');
console.info ('información');
console.error ('error');
console.warn ('advertencia');
</script>
</body>
</html>
La consola.log más comúnmente utilizada es la consola.log.
Dos: marcador de posición
La concentración de consola anterior respalda el formato de marcador de posición Printf. Los marcadores de posición admitidos son: caracteres (%s), enteros (%d o%i), números de puntos flotantes (%f) y objeto (%O)
La copia del código es la siguiente:
<script type = "text/javaScript">
console.log (" %d de año %d mes %d día", 2011, 3, 26);
</script>
Efecto:
3. Agrupación de información
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> Common Common Console Command </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</ablo>
<Body>
<script type = "text/javaScript">
console.group ("Primer grupo de información");
console.log ("Primer grupo primero: my xx (// www.vevb.com)");
console.log ("Primer grupo 2: xxx (http://vevb.com)");
console.groupend ();
console.group ("Segundo grupo de información");
console.log ("Segundo Grupo 1: Grupo de entusiasta del programa QQ: 80535344");
console.log ("Segundo grupo 2: bienvenido a unirse");
console.groupend ();
</script>
</body>
</html>
Efecto:
4. Ver la información del objeto
console.dir () puede mostrar todas las propiedades y métodos de un objeto.
La copia del código es la siguiente:
<script type = "text/javaScript">
Var info = {
Blog: "// www.vevb.com",
QqGroup: 80535344,
Mensaje: "Los entusiastas del programa te dan la bienvenida para unirte"
};
console.dir (información);
</script>
Efecto:
5. Muestre el contenido de un nodo
console.dirxml () se usa para mostrar el código HTML/XML contenido en un nodo de una página web.
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<title> Common Common Console Command </title>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
</ablo>
<Body>
<div id = "info">
<h3> Mi blog: www.ido321.com </h3>
<p> ENTRADA DEL PROGRAMA: 259280570, bienvenido a unirse </p>
</div>
<script type = "text/javaScript">
Var info = document.getElementById ('info');
console.dirxml (info);
</script>
</body>
</html>
Efecto:
6. Determine si la variable es verdadera
console.assert () se usa para determinar si una expresión o variable es verdadera. Si el resultado es no, se emite un mensaje correspondiente en la consola y se lanza una excepción.
La copia del código es la siguiente:
<script type = "text/javaScript">
resultado var = 1;
console.assert (resultado);
var año = 2014;
console.assert (año == 2018);
</script>
1 es un valor no 0, es cierto; y el segundo juicio es falso, y el mensaje de error se muestra en la consola
7. Rastree la pista de llamadas de la función.
Console.trace () se usa para rastrear la pista de llamadas de la función.
La copia del código es la siguiente:
<script type = "text/javaScript">
/*Cómo se llama la función, simplemente agregue el método console.trace ()*/
función add (a, b) {
console.trace ();
devolver a+b;
}
var x = add3 (1,1);
función add3 (a, b) {return add2 (a, b);}
función add2 (a, b) {return add1 (a, b);}
función add1 (a, b) {return add (a, b);}
</script>
Información de salida de la consola:
8. Función de tiempo
console.time () y console.timeend () se utilizan para mostrar el tiempo de ejecución del código.
La copia del código es la siguiente:
<script type = "text/javaScript">
console.time ("Timer de consola uno");
para (var i = 0; i <1000; i ++) {
para (var j = 0; j <1000; j ++) {}
}
console.timeend ("Timer de consola uno");
</script>
El tiempo de ejecución es de 38.84 ms
9. Análisis de rendimiento de console.profile ()
El análisis de rendimiento (Profiler) es analizar el tiempo de ejecución de cada parte del programa y descubrir el cuello de botella. El método utilizado es console.profile ().
La copia del código es la siguiente:
<script type = "text/javaScript">
función all () {
alerta (11);
para (var i = 0; i <10; i ++) {
funca (1000);
}
Funcb (10000);
}
función funca (count) {
para (var i = 0; i <count; i ++) {}
}
función func (count) {
para (var i = 0; i <count; i ++) {}
}
console.profile ('Analyzer de rendimiento');
Todo();
console.profileend ();
</script>
Permítanme explicar que durante la prueba de LZ, no se agregó alerta a todos (), y la barra de control no se emitió. Después de agregar, hubo una tabla de análisis de rendimiento. La razón aún no estaba clara. Si lo sabes, puedes comentar.