Всплывающее окно на сайте js: JS JavaScript Всплывающие окна

JavaScript не запускается на всплывающей странице во временном расширении — разработка

niobium93 ([email protected]) 5 июня 2022 г., 4:56

#1

Я пытаюсь сделать простое расширение, но не могу запустить ни один из своих JavaScript. Да, я поместил его в файл .js . Вот мой код.

Я устанавливаю это, используя about:debugging , нажмите Проверить , Отключить автоматическое скрытие всплывающих окон , нажмите кнопку «Мои расширения», появится всплывающее окно, а также его html в Инспекторе. Пока все хорошо, но мой console.log никогда не выводит на консоль. Отладчик говорит Эта страница не имеет исходников. . Если я щелкну правой кнопкой мыши popup.js в Инспекторе и нажму Открыть файл в отладчике. , он открывается в новой вкладке с таким URL-адресом:0010 вместо этого. Так что я не могу ни запускать JavaScript, ни отлаживать его, но браузер, по крайней мере, его находит. Я попробовал это в новом профиле Firefox в Firefox 101.

Я, вероятно, упустил что-то очевидное, но не могу понять, что…

1 Нравится

(Ганс Квадрат)

5 июня 2022 г., 6:30 #2

Прежде всего, спасибо для ссылки на полную версию вашего расширения. Даже если он просто маленький.
Большинство новичков не понимают, что лучший способ рассказать о коде — опубликовать (полный) код.

(плюс, значок «Загрузить» не очень заметен, и, насколько я знаю, вы не можете ничего загружать в свои первые несколько сообщений)

Когда вы добавляете фоновый скрипт в свое расширение (даже если оно не содержит кода), Сообщения console. log() из popup.js будут выводиться на консоль.
Понятия не имею почему.

popup.zip (1,0 КБ)

ниобий93 ([email protected]) 5 июня 2022 г., 6:37

#3

Странно. Вы правы, мои логи появляются в консоли, когда я добавляю пустой фоновый скрипт. Тем не менее, ни один из моих сценариев не отображается в отладчике. Он просто говорит У этой страницы нет источников. , даже когда я переключаюсь на страницу popup.html на панели инструментов. Хотя скрипт тут же в инспекторе.

Это начинает выглядеть как непреднамеренное поведение. Должен ли я подать отчет об ошибке или что-то в этом роде?

юрай.масиар (Юрай Масиар) 5 июня 2022 г., 6:41

#4

Попробуйте установить Firefox ESR 91, чтобы проверить, работает ли он там.
В текущем отладчике есть несколько новых ошибок.

hans_squared (Ганс Квадрат)

5 июня 2022 г., 6:45 #5

popup.js появляется в отладчике после того, как вы щелкнете значок расширения, чтобы открыть всплывающее окно.
Но только в обновленной версии вашего расширения, которая содержит фоновый скрипт.

Я использую Firefox 101.0.

ниобий93 ([email protected])

5 июня 2022 г., 6:47 #6

Хм. Он появляется в отладчике, но если вы переключите представление на popup.html с _generated_background_page.html с помощью селектора страниц, он исчезнет. Не появляется при обратном переключении.

Я устанавливаю Firefox ESR, сообщу.

ниобий93 ([email protected]) 5 июня 2022 г., 6:53

#7

Итак, в ESR кажется, что фоновый сценарий не нужен для появления журналов, но селектор страниц по-прежнему скрывает отладчик.

джшер2000 (Джшер2000) 9 июня 2022 г., 22:00

#8

Вы, наверное, знаете из другой темы, но обычно вам нужно сделать всплывающие окна липкими, чтобы взаимодействовать с любым из открытых инструментов разработчика:

Работа с всплывающими окнами | Путеводитель | ArcGIS API for JavaScript 3.44

Создать всплывающее окно с помощью ArcGIS.com

Вы можете программно создавать информационные окна, используя JavaScript API, см.

формат Подробности в теме содержания информационного окна. Альтернативный подход заключается в использовании ArcGIS.com Map Viewer для построения веб-карты и настройки всплывающих окон. Ты может быстро создавать всплывающие окна, содержащие форматированный текст, изображения, диаграммы и более. Посмотреть справку ArcGIS.com для получения подробной информации о настройке всплывающих окон. После настройки всплывающего окна оно используется для отображения информации во встроенных приложениях и приложениях, созданных с помощью ArcGIS Web API. Вот пример встроенной веб-карты с включенными всплывающими окнами. Обратите внимание, что вы можете перемещаться по карте и нажимать для просмотра всплывающих окон. Мобильное всплывающее окно оптимизировано для хорошего отображения на картах с небольшим размером экрана, как на мобильных устройствах.

Посмотреть увеличенную карту

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

Конечные пользователи приложения могут нажать на карту, чтобы отображать всплывающее окно с информацией. Посмотреть Создание веб-приложений с помощью шаблонов ArcGIS.com Раздел справки для получения информации о создании и совместном использовании веб-карты.

Заменить информационное окно карты по умолчанию всплывающим окном

В версии 2.3 классы Popup и PopupTemplate были добавлены в ArcGIS API for JavaScript. Эти классы позволяют разработчикам определять и использовать всплывающее окно, аналогичное всплывающему окну ArcGIS.com. Всплывающее окно может заменить информационное окно карты и отображать контент, такой как запрос или определение результатов задачи. В версии 3.4 всплывающее окно является информационным окном по умолчанию для карты.

Класс Popup, реализация InfoWindow, предоставляет следующие возможности:

• Инструменты навигации, позволяющие перемещаться по выбранным объектам.
• Приблизить выбранный объект.
• Выделить выбранный объект.