Тестирование операторов jQuery в консоли Chrome JavaScript

Я пытаюсь изменить значение флажка из консоли Chrome Chrome. Я знаю, что изменения печатаются на объект, а не на экране. Я хотел бы выполнить инструкцию jQuery, т.е.:

('input[name=foo]').attr('checked', true);

Есть ли способ ввести оператор jQuery и мгновенно увидеть изменения на странице?

Ответ 1

Да, и даже если у вас нет доступных jquery, пусть это будет:)

Отредактированный фрагмент из Как использовать jQuery в сценариях Greasemonkey в Google Chrome?

var script = document.createElement("script");
  script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);

После этого перейдите.

Ответ 2

В консоли Chrome вы можете запустить любой JavaScript, поэтому, если страница загружена jQuery, вы можете получить доступ к элементу и проверить/снять флажок, например. stackoverflow.com(этот сайт) использует jQuery, поэтому я могу просто получить доступ к текстовой области ответа и ввести значение, попробуйте

$('#wmd-input').val('This is my answer')

Итак, вы можете делать все, что возможно в jQuery.

Ответ 3

Если вы загрузили jQuery на текущей странице, вы можете ввести команду jQuery.

Просто введите $('input[name=foo]').attr('checked', true); или что-то должно работать в jQuery и нажмите enter.

Ответ 4

$('input[name=foo]').click();

делает то же самое, что и щелчок мышью.