Primero lidiemos con el primer problema: 1. Verifique el código fuente de la función recomendado por esta función debajo del artículo
En realidad, es muy simple, simplemente haga clic en la lupa para seleccionar la recomendación.
Este votepost (cb_entryid, 'digg') es la función llamada por el botón recomendado. ¿No es muy simple?
El segundo problema es localizar la ubicación del archivo donde se encuentra la función.
De hecho, también es muy simple. Por supuesto, los amigos que no están familiarizados con la consola pueden no saber cómo leerla.
Escribo votepost en la consola y presiono Entrar,
El código fuente de la función se muestra aproximadamente, y hay un enlace blog-common.js? V = we8o1xrgctu07qvvwyqerqd7aa8fdjp_dgoe-crat3k1: 1 ¿Qué significa esto?
El posterior v = we8o1xrgctu07qvvwyqerqd7aa8fdjp_dgoe-crat3k1 se ignora directamente.
PD: Si quieres saber qué es esto, en realidad es un número de versión. En cuanto a lo que hace, a menudo es para evitar el almacenamiento en caché. Busque en línea en línea para obtener detalles.
Blog-Common.js: 1 casi significa esto. .
Blog-Common.js es el archivo JS donde se encuentra esta función
1 es el número de línea donde se encuentra el código.
Haga clic en este enlace directamente para saltar al panel de fuentes. Este es el panel fuente, la función más importante de la depuración, y se introducirá lentamente más adelante.
Pero todo el código está en una línea, ¿cómo lo vemos? Los 4946 caracteres se reducen en una línea. .
Chrome nos proporciona una función de formato de código, haga clic en el botón de impresión bonito a continuación para formatear el código.
Después de completar el formato, será muy hermoso. En cuanto a si puede entenderlo o no, ese es otro asunto.
Algunas personas no pueden entenderlo, tal vez el código ha sido compilado por herramientas como Uglifyjs, el cierre de Google, etc., como el archivo jquery.min.js.
También puede ser que su nivel sea demasiado bajo y no puede entender el código escrito por el maestro por el momento, por lo que no puedo hacer nada al respecto. Solo puedes trabajar duro para mejorar tu fuerza.
Si el formato es suficiente, no te preocupes, si estoy aquí, ¿por qué estás en pánico?
Regrese al panel de la consola hace un momento.
Está encantado de encontrar que Blog-Common.js? V = We8o1xrgctu07qvvwyqerqd7aa8fdjp_dgoe-crat3k1: 91
El número de línea se ha convertido en 91. Ahora haga clic en este enlace y puede saltar a la posición formateada correspondiente. ¿No es súper conveniente? .
La última pregunta es modificar la función para invalidarla. Este es el más simple, mucho más simple que el ahora, pero muchas personas no pueden operarlo, así que lo saqué especialmente y hablé de ello.
En primer lugar, sabemos que la función recomendada para llamar a esta función es Votepost (CB_Entryid, 'Digg'), y está escrita directamente y limitada por OnClick en HTML.
Entonces, esta función es una función global que se puede llamar en todas partes, entonces, ¿qué significa esto?
Significa que podemos modificarlo, es como una variable global, puede modificarla en cualquier lugar, ¿verdad? Entonces la función global debe ser correcta.
Entonces podemos modificarlo a una función vacía.
votepost = function () {}; o votepost = $ .nop; $ .Noop es una función vacía proporcionada por JQuery para que seamos convenientes para que lo usemos.
Ahora Votepost es una función vacía, por lo que no sucederá nada si hace clic en el botón de recomendación.
Por supuesto, entrará en vigencia nuevamente después de actualizar la página. Acabamos de depurarlo y modificarlo en la página. Es imposible para nosotros entrar en vigencia permanentemente sin cambiar el código fuente del Blog Park.
Entonces, la depuración significa el proceso de encontrar y eliminar errores. Si se encuentra la fuente de error, modifíquelo y luego pruebe. Si está mal, actualice y modifíquelo nuevamente, por lo que no es necesario modificar el archivo real, lo que lo hará irrecuperable.
El contenido de hoy es casi todo eso. De hecho, hay pocas funciones globales directas para que debuges, porque jQuery es popular ahora, y varios enlaces de eventos, como hacer clic y hacer que el posicionamiento de código fuente sea muy complicado.
Afortunadamente, escribí un artículo antes y analicé este problema con más detalle. Para más detalles, consulte "Una breve discusión sobre los problemas de posicionamiento del código fuente de los eventos jQuery"
No estoy familiarizado con otros marcos, por lo que no los analicé, pero las ideas son realmente similares, y debe haber un mecanismo de gestión de eventos.
Hoy no tengo mucho conocimiento, pero tengo que consolidarlo yo mismo, de lo contrario, lo olvidaré en segundos.
Ejercicios después de la clase:
1. Analice cómo la función Votepost implementa la recomendada.
2. Dinámica y análisis de Votepost. (Combinar el conocimiento del punto de interrupción)
Hablaré sobre los puntos de descanso y la depuración dinámica mañana. No he encontrado una pregunta adecuada, así que lo haré primero. Si tiene algo adecuado que necesita depuración dinámica, responda. .