¿Cuál es la mejor manera de imprimir el valor de un elemento HTML durante la prueba / desarrollo? [cerrado] -- javascript campo con jquery campo con html camp Relacionados El problema

What is the best way to print out the value of an HTML element while testing/developing? [closed]


1
vote

problema

Español
cerrado . Esta pregunta es basada en opinión . Actualmente no está aceptando respuestas.

¿Quieres mejorar esta pregunta? Actualizar la pregunta para que pueda responderse con hechos y citas de Edición de este post .

cerrado hace 6 años .

Mejorar esta pregunta

es alert , y console.log son las únicas 2 formas de imprimir la base de valor en ID si un elemento? Estoy buscando una mejor alternativa. ¿Alguna sugerencia / recomendación sobre eso?

Original en ingles

Is alert, and console.log are the only 2 ways to print out the value base on ID if an element ? I'm looking for a better alternative. Any suggestion/recommendation on that ?

        
       
       

Lista de respuestas

2
 
vote
vote
La mejor respuesta
 

Yo diría alert y console.log son los más comunes. console.log es típicamente, los desarrolladores del método IR, se usan para registrar las cosas. Si está deseando algo más que no requiere que tenga la consola abierta, siempre podría crear una función que inserta su mensaje en un elemento en su página.

  <div id="log-output"></div>   
  function logger (message) {     var logOutput = document.getElementById('log-output');      logOutput.innerHTML = message; }  function someOtherFunction () {     logger('log this!'); }  someOtherFunction();   

Pero, de verdad, sugiero que solo use console.log :)

 

I would say alert and console.log are the most common. console.log is typically the go-to method developers use to log things. If you're wanting something else that doesn't require you to have the console open, you could always create a function that inserts your message into an element on your page.

<div id="log-output"></div> 
function logger (message) {     var logOutput = document.getElementById('log-output');      logOutput.innerHTML = message; }  function someOtherFunction () {     logger('log this!'); }  someOtherFunction(); 

But, really, I'd suggest just using console.log :)

 
 
 
 
1
 
vote

Divertido .. Nadie mencionó console.dir Method.

La principal diferencia entre DIR. Un registro es que el registro imprime los valores mientras se rompe la salida de la salida a sus componentes básicos, creando así un árbol de jerarquía (mejor cuando se trata de tipos complejos, los resultados de JSON, etc.)

Aquí hay una muestra en vivo que demuestra la diferencia: http://jsfiddle.net / ymzrocks / sz3tjthf

  var obj = {     a: 'hello',     b: [10, 20, 30, 40],     c:      {         x: new Date(),         y:          {             more: '...'            }     } }  console.log(obj); console.dir(obj)   
 

funny.. nobody mentioned console.dir method.

the main difference between dir an log is that the log prints the values while dir breaking the output to it's basic components thus creating a tree of hierarchy (way better when dealing with complex types, JSON results etc)

here is a live sample which demonstrate the difference: http://jsfiddle.net/ymzrocks/sz3tjthf

var obj = {     a: 'hello',     b: [10, 20, 30, 40],     c:      {         x: new Date(),         y:          {             more: '...'            }     } }  console.log(obj); console.dir(obj) 
 
 
 
 
1
 
vote

Debe usar #access_token0 . El #access_token1 es útil, pero si olvida eliminarlo de su código de producción, podría causarle algunos problemas (como mostrarlos a sus usuarios algunos datos confidenciales).

Tenga en cuenta que podría agrupar los mensajes que logra usar #access_token2 , #access_token3 o #access_token4 .

 

You should use console.log. The alert is useful but if you forget to remove it from your production code it could cause you some issues (like show to your users some sensitive data).

Note that you could group the messages you log using console.error, console.warn or console.log.

 
 
 
 
0
 
vote

Otro método que no se menciona es usar las herramientas de desarrollador en los diferentes navegadores (generalmente F12 para completarlos). Allí puede inspeccionar los diferentes elementos e insertar puntos de interrupción en sus archivos JS sin ningún cambio en su código. Creo que es más legible al mirar elementos HTML que usar alerta o console.log.

 

Another method not mentioned is to use the developer tools in the different browsers (Usually F12 to bring them up). There you can inspect the different elements and insert breakpoints in your JS files without any changes to your code. I think it's more readable when looking at HTML elements than using alert or console.log.

 
 
 
 

Relacionados problema

76  Cómo romper la palabra después de un carácter especial como guiones (-)  ( How to break word after special character like hyphens ) 
Dado un CSS relativamente simple: div { width: 150px; } <div> 12333-2333-233-23339392-332332323 </div> ¿Cómo lo hago para que la cade...

4  ¿Cuál es el futuro de la web? Xhtml 2, html 5, o otra cosa?  ( Whats the future of the web xhtml 2 html 5 or something else ) 
Estoy confundido por la discusión y el avance de una nueva versión de HTML y una nueva versión de XHTML. ¿Son competidores? Si es así, ¿qué es lo más probable...

0  Deshacerse del disco en el artículo de la lista  ( Getting rid of disc in list item ) 
Estoy desarrollando un sitio usando jquery, y jquery ui Tabs. Por alguna razón, mis pestañas (lista desordenada) están mostrando sus balas en todos los navega...

273  Múltiples botones de envío en un formulario HTML  ( Multiple submit buttons in an html form ) 
Digamos que crea un asistente en un formulario HTML. Un botón se remonta, y uno avanza. Dado que el botón Atrás aparece primero en el marcado cuando presion...

80  ¿Cómo imprimo un documento HTML de un servicio web?  ( How do i print an html document from a web service ) 
Quiero imprimir HTML desde un servicio web C #. El control del navegador web está exagerado, y no funciona bien en un entorno de servicio, ni funciona bien en...

142  ¿Cómo detectar cuál de las fuentes definidas se utilizó en una página web?  ( How to detect which one of the defined font was used in a web page ) 
Supongamos que tengo la siguiente regla de CSS en mi página: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ¿Cómo podría detec...

5  Cómo alinear verticalmente una tabla en CSS  ( How to vertically align a table in css ) 
¿Cómo puedo alinear verticalmente una tabla en el centro de la pantalla con CSS? ...

303  ¿Por qué el ancho se colapsó en el elemento secundario del ancho porcentual en un padre absolutamente posicionado en Internet Explorer 7?  ( Why did the width collapse in the percentage width child element in an absolutel ) 
Tengo un double8 que contiene varios niños, uno de los cuales es un 99887776669 relativamente posicionado. Cuando uso un Form0 en el niño Form111111 , ...

31  ¿Cómo doy a mis sitios web un icono para iPhone?  ( How do i give my websites an icon for iphone ) 
¿Cómo configuro el icono que aparece adecuado en el iPhone para los sitios web que he creado? ...

635  Determinar la zona horaria de un usuario  ( Determine a users timezone ) 
¿Hay una forma estándar para que un servidor web pueda determinar la zona horaria de un usuario dentro de una página web? Tal vez de un encabezado HTTP o pa...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos