Как получить доступ к элементам HTML с помощью расширения / плагина chrome?

Question

Как получить доступ к элементам HTML с помощью расширения / плагина chrome?

0

Я экспериментирую с Chrome Plugin. Я пытаюсь найти все теги <p> на странице html и изменить font-family/size/color этих тегов. В принципе, я просто экспериментирую с этим.

Вот что я сделал до сих пор.

A. manifest.json

{
    "name": "ABC XYZ",
    "description": "La la la...",
    "version": "1",
    "browser_action": {
        "default_title": "ABC",
        "default_icon": {
            "19": "icons/logo.png"
        },
        "default_popup": "mydefault.html"
    },
    "manifest_version": 2
}

B. mydefault.html

<html>

<head>
    <script src="jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#do-magic").click(function() {
                // do something here with the page html.
                // change font-family
                $("body").append("test");
            });
        });
    </script>
</head>

<body>
    <span id="do-magic">Start</span>
</body>

</html>

Когда он упакован и загружен в хром, это работает, кроме события click, где я пытаюсь получить доступ к элементам страницы.

Событие click не работает. В консоли тоже ничего не печатается.

Пожалуйста посоветуй.

Yasser 04 апр. 2014, в 10:55

Источник

0

Я не знаю, что ты имеешь в виду под этим? Он присутствует на странице mydefault.html, которая открывается при нажатии на кнопку расширения в Chrome. Его там на DOM с тех пор.
Yasser 04 апр. 2014, в 08:36
0

Попробуйте написать свой <script></script> после </body> и посмотрите, что происходит!
Dhaval Marthak 04 апр. 2014, в 08:40

Теги:

jquery

html

css

google-chrome

google-chrome-extension

2 ответа

0

Чтобы иметь возможность читать текущее содержимое страницы, вы должны использовать сценарии содержания

Взгляните на этот https://developer.chrome.com/extensions/content_scripts

Проверьте этот пример тоже

Пример Описание: https://developer.chrome.com/extensions/samples#download-selectedlinks

Пример загрузки: https://developer.chrome.com/extensions/examples/api/downloads/download_links.zip

csharpwinphonexaml 04 апр. 2014, в 06:44

Ещё вопросы

Я не знаю, что ты имеешь в виду под этим? Он присутствует на странице mydefault.html, которая открывается при нажатии на кнопку расширения в Chrome. Его там на DOM с тех пор.
Попробуйте написать свой <script></script> после </body> и посмотрите, что происходит!

Xan · Accepted Answer · 2014-04-04T07-34-00.000Z

Вы не можете использовать встроенные скрипты в расширениях Chrome в соответствии с политикой безопасности контента. Вот почему ваш код не выполняется.

Вы должны переместить его в отдельный файл. См. Здесь.

проверим в этом направлении. Спасибо
Вы также должны знать, что вы, возможно, ищете ошибки / выходные данные не в той консоли. Вам нужно щелкнуть правой кнопкой мыши по кнопке и выбрать «Insup Popup» для доступа к правой консоли.