Herramientas de usuario

Herramientas del sitio


otros:chromecons

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Próxima revisión
Revisión previa
otros:chromecons [2013/08/24 18:58]
alfred creado
otros:chromecons [2020/05/09 09:25] (actual)
Línea 2: Línea 2:
 ===== Básico ===== ===== Básico =====
   * **Abrir**: tecla ''​F12''​   * **Abrir**: tecla ''​F12''​
-  * **Escribir**:​ ''​console.log('​hola'​);​+  * **Escribir**:​ ''​console.log('​hola'​);​''​ 
 +  * **Comandos multilínea**:​ teclas ''​shift''​+''​Enter''​ 
 + 
 +==== Agregar un script ==== 
 +<code javascript>​ 
 +var script= document.createElement('​script'​);​ 
 +script.type= '​text/​javascript';​ 
 +script.src= '​script.js';​ 
 +document.head.appendChild(script);​ 
 +</​code>​ 
 +Si tienes cargado jquery: 
 +<code javascript>​ 
 +$.getScript('​script.js'​);​ 
 +</​code>​ 
 +Cargar jquery: 
 +<code javascript>​ 
 +var jq = document.createElement('​script'​);​ 
 +jq.src = "//​ajax.googleapis.com/​ajax/​libs/​jquery/​1/​jquery.min.js";​ 
 +document.getElementsByTagName('​head'​)[0].appendChild(jq);​ 
 +// ... give time for script to load, then type. 
 +jQuery.noConflict();​ 
 +</​code>​ 
 +==== Ver objetos ==== 
 +<code javascript>​ 
 +console.log(window);​ 
 +console.log(navigator);​ 
 +</​code>​ 
 +==== Acceder a elementos ==== 
 +Seleccionamos un elemento en la pestaña ''​Elements''​ y añadimos: ''​$0''​ o ''​$($0)''​ si tenemos jQuery. 
 +==== Acceder al último resultado de consola ==== 
 +Poner ''​$_''​ 
 +==== Listar propiedades\métodos de un objeto ==== 
 +<code javascript>​ 
 +console.dir(document.body);​ 
 +</​code>​ 
 + 
 +==== Notas ==== 
 + 
 +Para refrescar bien una página (eliminando sus datos): ''​shift + ctrl + r''​
otros/chromecons.1377370727.txt.gz · Última modificación: 2020/05/09 09:25 (editor externo)