Existe uma maneira fácil de incluir o jQuery no console JavaScript do Chrome para sites que não o usam? Por exemplo, em um site, eu gostaria de obter o número de linhas em uma tabela. Eu sei que isso é realmente fácil com o jQuery.

$('element').length;

O site não usa jQuery. Posso adicioná-lo na linha de comando?

Execute isso no console JavaScript do navegador e o jQuery deve estar disponível ...

var jq = document.createElement('script');
jq.src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

NOTA: se o site tiver scripts que conflitam com o jQuery (outras bibliotecas, etc.), você ainda poderá ter problemas.

Atualizar:

Para melhorar, a criação de um Marcador o torna realmente conveniente, vamos fazê-lo, e um pequeno feedback também é ótimo:

1. Clique com o botão direito do mouse na barra de favoritos e clique em Adicionar página
2. Nomeie como quiser, por exemplo, Injete jQuery e use a seguinte linha para URL:

javascript: (function (e, s) {e.src = s; e.onload = function () {jQuery.noConflict (); console.log ('jQuery injetado')}; document.head.appendChild (e); }) (document.createElement ('script'), '// code.jquery.com/jquery-latest.min.js')

Abaixo está o código formatado:

javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')

Aqui é usada a URL oficial da CDN do jQuery, fique à vontade para usar sua própria versão / CDN.

Execute isso no seu console

var script = document.createElement('script');script.src = "https://code.jquery.com/jquery-3.4.1.min.js";document.getElementsByTagName('head')[0].appendChild(script);

Ele cria uma nova tag de script, a preenche com jQuery e anexa à cabeça.

Copie tudo de:
https://code.jquery.com/jquery-3.4.1.min.js

E cole-o no console. Funciona perfeitamente.

Use o livreto jQueryify:

http://marklets.com/jQuerify.aspx

Em vez de copiar e colar o código nas outras respostas, isso o tornará um marcador clicável.

Adicionando à resposta de @ jondavidjohn, também podemos defini-lo como um marcador com URL como código javascript.

Nome: Incluir Jquery

URL:

javascript:var jq = document.createElement('script');jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(jq); setTimeout(function() {jQuery.noConflict(); console.log('jQuery loaded'); }, 1000);void(0);

e adicione-o à barra de ferramentas do Chrome ou Firefox para que, em vez de colar o script repetidamente, possamos clicar no bookmarklet.

Eu sou rebelde.

Solução: não use jQuery. O jQuery é uma biblioteca para abstrair as inconcistências do DOM nos navegadores. Como você está no seu próprio console, não precisa desse tipo de abstração.

Para o seu exemplo:

$$('element').length

( $$é um alias para document.querySelectorAllno console.)

Para qualquer outro exemplo: tenho certeza de que posso encontrar qualquer coisa. Especialmente se você estiver usando um navegador moderno (Chrome, FF, Safari, Opera).

Além disso, saber como o DOM funciona não faria mal a ninguém, apenas aumentaria o seu nível de jQuery (sim, aprender mais sobre javascript melhora o jQuery).

Acabei de criar um bookmarklet do jQuery 3.2.1 com tratamento de erros (carregue apenas se ainda não estiver carregado, detecte a versão se já estiver carregada, mensagem de erro se houver erro durante o carregamento). Testado no Chrome 27. Não há razão para usar o jQuery 1.9.1 "antigo" no navegador Chrome, pois o jQuery 2.0 é compatível com a API do 1.9 .

Basta executar o seguinte no console do desenvolvedor do Chrome ou arrastar e soltar na barra de favoritos :

javascript:((function(){if(typeof(jQuery)=="undefined"){window.jQuery="loading";var a=document.createElement("script");a.type="text/javascript";a.src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js";a.onload=function(){console.log("jQuery "+jQuery.fn.jquery+" loaded successfully.")};a.onerror=function(){delete jQuery;alert("Error while loading jQuery!")};document.getElementsByTagName("head")[0].appendChild(a)}else{if(typeof(jQuery)=="function"){alert("jQuery ("+jQuery.fn.jquery+") is already loaded!")}else{alert("jQuery is already loading...")}}})())

O código-fonte legível está disponível aqui

A resposta principal, de jondavidjohn, é boa, mas eu gostaria de ajustá-la para abordar alguns pontos:

• Vários navegadores emitem um aviso ao carregar um script de httppara uma página nahttps .
• Apenas alterando jquery.como protocolo parahttps um aviso se você tentar diretamente na barra de URL do navegador:This is probably not the site you are looking for!
• Gosto de usar o CDN do Google quando estou usando o console para experimentar sites do Google, como o Gmail.

Meu único problema é que tenho que incluir um número de versão em que no console eu realmente sempre quero o mais recente.

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

Por esta resposta :

fetch('https://code.jquery.com/jquery-latest.min.js').then(r => r.text()).then(r => eval(r))

Por alguma razão, tenho que executá-lo duas vezes para obter o novo '$' (que também tenho a ver com os outros métodos), mas funciona.

Isso é equivalente se o seu navegador não for tão moderno:

fetch('http://code.jquery.com/jquery-latest.min.js').then(function(r){return r.text()}).then(function(r){eval(r)})

É muito fácil fazer isso manualmente, como as outras respostas explicam. Mas há também o plug-in jQuerify .

FWIW, o Firebug incorpora o includecomando especial e o jquery é alternativo por padrão: https://getfirebug.com/wiki/index.php/Include

Portanto, no seu caso, você apenas precisa digitar:

include("jquery");

Florent

esta resposta com base na resposta @genesis, primeiro tentei a versão do marcador @jondavidjohn e ela não está funcionando, por isso mudei para isso (adicione-a ao seu marcador):

javascript:(function(){var s = document.createElement('script');s.src = "//code.jquery.com/jquery-2.2.4.min.js";document.getElementsByTagName('head')[0].appendChild(s);console.log('jquery loaded')}());

Por precaução, não é testado no chrome, mas funciona no firefox e não é testado em ambiente de conflito.

Uma das maneiras mais curtas seria copiar e colar o código abaixo no console.

var jquery = document.createElement('script'); 
jquery.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.head.appendChild(jquery);

Se você deseja fazer isso para um script de usuário, escrevi: http://userscripts.org/scripts/show/123588

Permite incluir o jQuery, além da interface do usuário e quaisquer plugins que você desejar. Estou usando-o em um site que possui 1.5.1 e sem interface do usuário; esse script me fornece 1.7.1, mais a interface do usuário e nenhum conflito no Chrome ou no FF. Eu mesmo não testei o Opera, mas outros me disseram que funcionou lá para eles também; portanto, essa deve ser uma solução completa para os usuários do navegador, se é para isso que você precisa fazer isso.

Aqui está o código alternativo:

javascript:(function() {var url = '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'; var n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new Date().getTime());document.body.appendChild(n);})();

que pode ser colado diretamente no console ou criar uma nova página de favoritos (no Chrome, clique com o botão direito do mouse na barra de favoritos , Adicionar página ... ) e cole esse código como URL.

Para testar se isso funcionou, veja abaixo.

Antes:

$()
Uncaught TypeError: $ is not a function(…)

Depois de:

$()
[]

Se você deseja usar o jQuery com freqüência no console, pode escrever facilmente um script do usuário. Primeiro, instale o Tampermonkey se você estiver no Chrome e o Greasemonkey se estiver no Firefox. Escreva um script de usuário simples com uma função de uso como esta:

var scripts = [];

function use(libname) {
    var src;
    if (scripts.indexOf(libname) == -1) {
        switch (libname.toLowerCase()) {
            case "jquery":
                src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
                break;
            case "angularjs":
                src = "//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js";
                break;
        }
    } else {
        console.log("Library already in use.");
        return;
    }
    if (src) {
        scripts.append(libname);
        var script = document.createElement("script");
        script.src = src;
        document.body.appendChild(scr);
    } else {
        console.log("Invalid Library.");
        return;
    }
}

Solução chave na mão:

Coloque seu código em yourCode_herefunção. E evite o HTML sem a marca HEAD.

(function(head) {
  var jq = document.createElement('script');
  jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";
  ((head && head[0]) || document.firstChild).appendChild(jq);
})(document.getElementsByTagName('head'));

function jQueryReady() {
  if (window.jQuery) {
    jQuery.noConflict();
    yourCode_here(jQuery);
  } else {
    setTimeout(jQueryReady, 100);
  }
}

jQueryReady();

function yourCode_here($) {
  console.log("OK");
  $("body").html("<h1>Hello world !</h1>");
}

Navegadores modernos (testados no Chrome, Firefox, Safari) implementam algumas funções auxiliares usando o cifrão $muito semelhante ao jQuery (se o site não definir algo usando window.$).

Esses utilitários são bastante úteis para selecionar elementos no DOM e modificá-los.

Documentos: Chrome , Firefox

one-liner intuitivo

document.write(unescape('%3Cscript src="https://code.jquery.com/jquery-3.1.1.min.js"%3E%3C/script%3E’))

Você pode alterar o srcendereço.
Referi-me ao ReferenceError: Não foi possível encontrar a variável: jQuery