как открыть расширение chrome, если щелкнуть какой-либо текст в окне браузера [duplicate]
Если вы просто хотите, чтобы таблица была автоматической компоновкой
Без с использованием max-width или процентной ширины столбцов или table-layout: fixed и т. д.
https://jsfiddle.net/tturadqq/
Как это работает:
Шаг 1: Просто дайте автозагрузке таблицы его.
Когда есть один или несколько столбцов с большим количеством текста, он будет как можно больше сжимать другие столбцы, а затем обернуть текст длинными столбцами:
Шаг 2: Закройте содержимое ячейки в div, затем установите для этого div значение max-height: 1.1em
(дополнительный 0.1em для символов, которые [gg]
Шаг 3: Установите title на divs
Это хорошо для доступности, и это необходимо для небольшого трюка, который мы будем использовать в одно мгновение.
Шаг 4: Добавьте CSS ::after в div
Это сложный бит. Мы устанавливаем CSS ::after, с content: attr(title), затем позиционируем это над div и устанавливаем text-overflow: ellipsis.
(обратите внимание, как длинный столбец теперь имеет хвостовой эллипс)
Шаг 5: Установите цвет текста div на transparent
И мы закончили!
4 ответа
Команда Chromium dev явно заявила, что не включит эту функцию. См. Запрос на функцию: всплывающее всплывающее всплывающее окно с программным обеспечением :
Философия всплывающих окон браузера и всплывающих окон заключается в том, что они должны запускаться с помощью действия пользователя. Наше предложение состоит в том, чтобы использовать новую функцию уведомлений html ...
Уведомления для рабочего стола можно использовать прогеймически, чтобы представить пользователю небольшую HTML-страницу, похожую на ваше всплывающее окно , Это не идеальная замена, но она может обеспечить необходимый тип функциональности.
-
1Как-то это возможно с собственным расширением Google Cast Google. – Derek 朕會功夫 6 June 2016 в 21:03
Короткий ответ заключается в том, что вы не можете открыть browserAction программно. Но вы можете создать dialog с вашим сценарием контента, который эмулирует ваш browserAction и отображает, что isntead (программно). Однако вы не сможете получить доступ к своему background page вашего расширения из этого всплывающего окна, как вы можете, из своего popup.html. Вы должны будете pass message вместо вашего расширения.
-
1Не могли бы вы привести здесь пример кода? Создать диалог? оповещение (& Quot; бла & Quot;)? не работает. Кажется, я не могу заставить ничего работать, не нажимая на значок расширения. – edencorbin 26 November 2016 в 22:01
-
2Да, кажется, что большинство расширений & mimic & quot; с появлением всплывающего окна путем создания плавающего div "в верхней правой части" стороне вашего текущего окна браузера, который выглядит , как будто он появился из вашего расширения, потому что он находится рядом с пиктограммой, а текст значка изменяется в соответствии и т. д. Но это не так, это просто вставленный div ... см. также stackoverflow.com/questions/5544256/… – rogerdpack 16 June 2017 в 01:18
У меня было такое же требование: когда пользователь нажимает на значок расширения, должно открыться небольшое всплывающее окно. В моем случае я писал расширение, которое будет давать обновления по выборочным акциям всякий раз, когда нажимается значок. Вот как выглядело мое всплывающее окно.
Если у вас было одно и то же требование, прочитайте ниже.
как мой файл manifest.json выглядел.
Весь тяжелый подъем был обработан только файлом manifest.json. Существует раздел browser_action, внутри которого есть ключ с именем default_popup, просто поместите имя файла HTML, которое вы хотите отобразить всплывающее окно.
Я хотел, чтобы мое расширение работало на всех поэтому я добавил атрибут matches в content_scripts. Мне действительно не нужно было помещать файл jquery jquery-3.2.1.js в массив js, но диспетчер расширений не позволял мне оставить этот массив пустым.
Надеюсь, что это поможет, сделайте комментарий, если у вас есть любые сомнения относительно ответа.
-
1похоже, что вы просто описываете нормальное поведение расширения ванили: щелкните значок и всплывающее окно открывается. Вопрос здесь в том, как открыть тот же всплывающий программный код, а другие ответы кажутся довольно полными. – Tom Grundy 4 January 2018 в 15:15
Команда Chrome сделала создание метода для всплытия программно, но он включен только как частный API, а планирует сделать его общедоступным, застопорившись из-за безопасности .
Итак, с марта 2018 года по-прежнему вы не можете этого сделать.
-
1
-
2
-
3
-
4
-
5