console importer

Importador de consolas

Instalación

Instálalo desde Chrome Web Store:

https://chrome.google.com/webstore/detail/console-importer/hgajpakhafplebkdljleajgbpdmplhie

Uso

Abra la consola de herramientas de desarrollo de Chrome, se podría usar una función llamada $i para importar recursos JavaScript y CSS.

 $i ( 'jquery' )

Importar versión específica:

 $i ( 'jquery@2' )

Además, puede importar una URL de script válida:

 $i ( 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' )

CSS también es compatible:

 $i ( 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' )

Importar módulo ES

El módulo ES ha sido ampliamente compatible con los navegadores modernos. El método $i.esm puede resultar útil en este caso:

 d3 = await $i . esm ( 'd3' )

o especificar una versión:

 d3 = await $i . esm ( 'd3@7' )

La ventaja de este enfoque es que no se agregan variables globales a la ventana, lo que permite un mejor control sobre el alcance de los efectos secundarios. Para obtener más detalles, consulte https://esm.run.

Solución de problemas

P: $i no funciona como se esperaba

Algunos sitios web como Google Inbox ya utilizan $i como variable global. Esta extensión no lo sobrescribe.

Puede utilizar console.$i en estos sitios web.

P: $i no puedo importar recursos

En algunos sitios web como GitHub, $i no podrá importar recursos. Los errores de la consola pueden ser los siguientes:

 # js errors example
Refused to connect to ' https://api.cdnjs.com/libraries?search=jquery ' because it violates the following Content Security Policy directive:

# css errors example
Refused to load the stylesheet ' https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css ' because it violates the following Content Security Policy directive:

Esto se debe a la estricta Política de seguridad de contenido de estos sitios web. Para obtener más información, consulte la wiki de Política de seguridad de contenido (CSP).

¿Cómo funciona?

• Si es como un nombre de biblioteca de JavaScript, como jquery , intente cargarlo desde cdnjs
• Si tiene un número de versión, como jquery@2 , intente cargarlo desde unpkg
• Si es una URL válida (CSS o JS), cárgala directamente

Para uso avanzado, también hay dos funciones $i.unpkg y $i.cdnjs que podrían usarse para importar recursos desde una CDN específica.

Licencia

MIT