Как запустить jQuery прямо на любой странице в браузере?

Есть ли какой-то программный способ или, возможно, плагин для браузера, который позволяет пользователям произвольно запускать любой jQuery, который они хотят, на веб-странице, которая в настоящее время загружена в их браузере?

Edit

Моей мотивацией является возможность синтаксиса и команд jQuery заблаговременно на странице, а затем добавьте их в исходный код или предложите настройки веб-мастерам, чьи страницы я экспериментировал.

Ответы

Ответ 1

FireQuery - отличное расширение Firebug, которое может включать jQuery для вас, и оттуда вы можете использовать jQuery в своей консоли.

"jQuerify: позволяет вам вводить jQuery на любую веб-страницу"

Ответ 2

Для этого вы можете использовать консоль Chrome. Если вы используете Chrome, щелкните страницу правой кнопкой мыши и нажмите "Осмотреть элемент". Перейдите на вкладку "Консоль" и попробуйте запустить $ === jQuery. Если вы не получили ошибку, а результат true, у вас есть jQuery.

Если нет, запустите следующее, чтобы добавить jQuery на страницу:

var body = document.getElementsByTagName("body")[0];
var script = document.createElement('script');
script.type = "text/javascript";
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js";
body.appendChild(script);

После запуска этих команд jQuery должен быть загружен на любую веб-страницу и готов к использованию в консоли:)

Вышеприведенный код должен работать для любого браузера с консолью JavaScript.

В качестве альтернативы, есть сценарии users (например, Greasemonkey и FireQuery), которые, если jQuery не включены на странице, автоматически запускают вышеуказанный код, чтобы вставить jQuery, чтобы облегчить вам доступ к script и взломать страницы других людей

Ответ 3

Это использует CDN Google, и он поддерживает HTTP, однострочный и завернутый:

(function(){var jQueryVersion="1";var a=document.createElement("script");a.src="//ajax.googleapis.com/ajax/libs/jquery/"+jQueryVersion+"/jquery.js";a.type="text/javascript";document.getElementsByTagName("head")[0].appendChild(a);})()

Вы можете указать версию jQuery, например. jQueryVersion="2.0.2".

Все версии перечислены в developers.google.com/speed/libraries/devguide.

Ответ 4

Я написал букмарклет, который проверяет документ для jQuery, добавляет его в <head>, если он еще не существует, и отображает уведомление (используя jQuery), если jQuery либо загружался через script, либо уже присутствовал в документе. Просто добавьте этот код в свои закладки, чтобы получить функциональность:

javascript: (function() 
{
    var body = document.getElementsByTagName("body")[0];
    var head = document.getElementsByTagName("head")[0];
    var el = document.createElement('div');
    el.id = 'jqbkstatusnote';
    el.style.position = 'fixed';
    el.style.top = '10px';
    el.style.left = '10px';
    el.style.textAlign = 'center';
    el.style.color = '#fff';
    el.style.padding = '3px';
    el.style.fontWeight = 'bold';
    el.style.display = 'none';
    el.style.zIndex = '999999999';
    el.style.boxShadow = '0px 0px 0px 1px #fff, 3px 3px 1px rgba(0,0,0,0.5)';
    if (typeof jQuery != 'function')
    {
        var script = document.createElement('script');
        script.type = "text/javascript";
        script.src = "http://code.jquery.com/jquery-latest.min.js";
        head.appendChild(script);
        waitForJQ();        
    }
    else
    {
        el.style.border = '1px solid #522';
        el.style.backgroundColor = '#744';
        el.innerHTML = 'jQuery already exists in this document!';
        body.appendChild(el);
        jQuery('#jqbkstatusnote').fadeIn().delay(1000).fadeOut(function(){jQuery(this).remove();}); 
    }
    function waitForJQ() 
    {
        if (typeof jQuery != 'function')
        {
            window.setTimeout(waitForJQ, 100);
        }
        else
        {
            el.style.border = '1px solid #235';
            el.style.backgroundColor = '#457';
            el.innerHTML = 'jQuery added to document!';
            body.appendChild(el);
            jQuery('#jqbkstatusnote').fadeIn().delay(1000).fadeOut(function(){jQuery(this).remove();});
        }
    }
})();

Ответ 5

Для удобства введите (и укажите его наличие) jQuery в Chrome даже на странице HTTPS с без конфликтов в Прототипе (указывает, присутствует ли Prototype на странице) Вероятно, вы предпочитаете расширение jQuerify (jQuerify для Chrome), качество которых было подтверждено тысячами пользователей в течение нескольких лет опыта. В одной фразе: " Сохранить время".

Ответ 6

Для разработки в firefox вы можете использовать Firebug с FireQuery.

Ответ 8

eval выполняет любую строку, которую вы передаете, но если его использование является "правильным", оспорено.

eval('$(function() { alert("hello"); }');

отобразит предупреждение о готовности документа (при условии, что jQuery будет получен до вызова eval).