Запустите javascript файл из рабочей области в инструментах разработчика Chrome

Можно ли запустить только что созданный файл JavaScript в локальной рабочей области в консоли Chrome?

Рабочий процесс, который я пытаюсь достичь, показан на этом изображении:

enter image description here

Я хочу, чтобы иметь возможность создавать новый файл в моей рабочей области, запускать (или требовать или что-то еще) файл и иметь возможность использовать его функции и переменные в консоли разработчика Chrome.

Если я прав, это означает запуск script в контексте веб-страницы и добавление методов и переменных в объект окна?

Можно ли это сделать?

Ответ 1

Я не смог найти автоматический способ добавить локальный файл в контекст DOM. Лучшее решение, которое я нашел до сих пор:

  • Откройте свое локальное рабочее пространство и нужный файл
  • Нажмите CTRL + a (Выбрать все)
  • Нажмите сочетание клавиш CTRL + SHIFT + e (альтернатива: щелкните правой кнопкой мыши выделенный текст и выберите "Оценить в консоли")

Ну, это не намного лучше, чем копировать и вставлять, но экономит несколько нажатий клавиш/щелчков мышью.

Ответ 2

Вы можете определить метод на своей странице, чтобы динамически добавить javascript на страницу, а затем вызвать его с консоли.

Например, если у вас есть такой метод:

function loadJs(filename) {
	var tag=document.createElement('script');
	tag.setAttribute("type","text/javascript");
	tag.setAttribute("src", filename);
	document.getElementsByTagName("head")[0].appendChild(tag);
}

Ответ 3

Вы можете создать простой файл html, подобный этому, с вашим файлом javascript в теге script.

enter image description here

Затем вы сможете получить все свои методы в консоли разработчика.