Можно ли импортировать библиотеки 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
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
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

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