Работает над расширением, похожим на honey / cently, и пытаюсь создать механизм определения того, когда пользователь находится на странице платежей, чтобы я мог запустить свое расширение.
Правильный способ работы cently и honey когда вы попадаете на страницу оформления заказа, у них появляется всплывающее расширение, и я пытаюсь получить аналогичную функциональность.
То, как я сейчас использую, - в моем скрипте контента, я ищу ключевые слова, такие как «номер карты», «кредитная карта», «paypal» в DOM, и если я их нахожу, я запускаю логин своего расширения c.
Однако это не является достаточно эксклюзивным, поскольку документ, содержащий эти ключевые слова, не всегда означает это страница платежей.
Я провел некоторое исследование и обнаружил, что по крайней мере в chrome поля ввода платежей имеют атрибуты автозаполнения, такие как "cc -number", "cc -exp" и др * * тысяча двадцать-одна. Я могу просматривать эти элементы, когда осматриваю элемент, однако не вижу их в своем скрипте содержимого, вероятно, из-за того, что элементы являются частными, я верю (поправьте меня, если я смогу получить к ним доступ через dom в js).
Вот пример поля кредитной карты / платежей в документе
<input class="InputElement is-empty Input Input--empty" autocomplete="cc-number" autocorrect="off" spellcheck="false" type="text" name="cardnumber" pattern="\d*" aria-label="Credit or debit card number" placeholder="Card number" aria-invalid="false" value="" style="cursor: auto; transform: translateZ(0px);">
Мне просто нужно определить, существует ли такой элемент, я попробовал document.getElementsByName ('cardnumber' ) однако это возвращает ноль.
Как еще я могу go об этом? Я знаю, что это определенно возможно, так как оба эти расширения имеют его.