Можно ли импортировать библиотеки javascript в консоль браузера (devtools)?

Сейчас я пишу свою собственную библиотеку javascript и хочу навсегда импортировать ее в консоль Microsoft Edge devtools (или devtools в целом), чтобы использовать ее там, но я не знаю, как ее импортировать.

Заранее спасибо, -Gzrespect

У тебя есть локалхост? тогда просто await import('http://localhost:1234/file.js')

Dimava 18.11.2022 16:22

Тогда какой путь к файлу? потому что у меня есть библиотека в нескольких папках глубоко в моей системе, и я хочу, чтобы она оставалась импортированной постоянно, а не импортировала ее снова каждый раз, когда я использую консоль

Gzrespect 18.11.2022 16:24

Вам, вероятно, придется собрать и связать библиотеку (в одном файле). Затем, возможно, вы можете рассмотреть создание расширения браузера-оболочки, которое обертывает вашу библиотеку и предоставляет глобальные объекты для игры с вашей библиотекой.

vighnesh153 18.11.2022 16:25

В зависимости от библиотеки вы можете просто создать Bookmarklet, который будет выполнять код JS при нажатии на закладку.

Justinas 18.11.2022 16:28

Отвечает ли это на ваш вопрос? Функционирует как закладка Google Chrome

Justinas 18.11.2022 16:28
Как использовать API парсинга квитанций с помощью JavaScript за 5 минут?
Как использовать API парсинга квитанций с помощью JavaScript за 5 минут?
В этом руководстве вы узнаете, как использовать API парсинга квитанций за 5 минут с помощью JavaScript. Eden AI предоставляет простой и удобный для...
Хук useOnClickOutside в ReactJS
Хук useOnClickOutside в ReactJS
Как разработчик ReactJS, вы, возможно, сталкивались с ситуацией, когда вам нужно закрыть модальное или выпадающее меню, когда кто-то щелкает за его...
Хуки (часть-2) - useEffect
Хуки (часть-2) - useEffect
Хук useEffect - один из самых мощных и универсальных инструментов в арсенале разработчика React. Он позволяет вам управлять побочными эффектами в...
Простое руководство по тестированию взаимодействия с пользователем с помощью библиотеки тестирования React
Простое руководство по тестированию взаимодействия с пользователем с помощью библиотеки тестирования React
В предыдущем посте я показал вам на примерах, как писать базовые тесты в React. Важнейшей частью пользовательского интерфейса приложений является...
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
Создайте титры как в звездных войнах с помощью CSS и Javascript
Создайте титры как в звездных войнах с помощью CSS и Javascript
Если вы веб-разработчик (или хотите им стать), то вы наверняка гик и вам нравятся "Звездные войны". А как бы вы хотели, чтобы фоном для вашего...
0
5
59
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
  1. Если у вас нет локального сервера, получите его по адресу https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/ и настройте папку для обслуживания.

  2. Установите CORS в дополнительных настройках сервера, чтобы разрешить его импорт на большинство веб-сайтов.

  3. Используйте let myModule = await import('http://127.0.0.1:8887/myModule.ts'), чтобы импортировать его


Примечание: это должен быть модуль ES (с импортом, если есть несколько файлов), а не модуль CJS (с требованиями)

Можно ли автоматически импортировать его при запуске devtools или импортировать навсегда?

Gzrespect 18.11.2022 17:14

@Gzrespect Вы можете использовать расширение пользовательского скрипта для импорта определенных веб-сайтов, например chrome.google.com/webstore/detail/user-javascript-and-css/… или Tampermonkey.

Dimava 18.11.2022 19:41

Другие вопросы по теме