console importer
1.0.0
Instale-o na Chrome Web Store:
https://chrome.google.com/webstore/detail/console-importer/hgajpakhafplebkdljleajgbpdmplhie
Abra o console devtools do Chrome, uma função chamada $i pode ser usada para importar recursos JavaScript e CSS.
$i ( 'jquery' )Importar versão específica:
$i ( 'jquery@2' )Além disso, você pode importar um URL de script válido:
$i ( 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' )CSS também é suportado:
$i ( 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' ) O módulo ES tem sido amplamente suportado em navegadores modernos. O método $i.esm pode ser útil neste caso:
d3 = await $i . esm ( 'd3' )ou especifique uma versão:
d3 = await $i . esm ( 'd3@7' )A vantagem desta abordagem é que nenhuma variável global é adicionada à janela, o que permite um melhor controle sobre o escopo dos efeitos colaterais. Para obter mais detalhes, consulte https://esm.run.
$i não funciona como esperado Alguns sites como o Google Inbox já usam $i como variável global. Esta extensão não a substitui.
Você pode usar console.$i nesses sites.
$i não consigo importar recursos Em alguns sites como o GitHub, $i não conseguirá importar recursos. Os erros do console podem ser os seguintes:
# 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:É por causa da rigorosa Política de Segurança de Conteúdo desses sites. Para obter mais informações, consulte wiki da Política de Segurança de Conteúdo (CSP)
jquery , tente carregá-lo do cdnjsjquery@2 , tente carregá-lo do unpkg Para uso avançado, existem também duas funções $i.unpkg e $i.cdnjs que podem ser usadas para importar recursos de CDN específicos.
MIT
