Estoy haciendo una extensión de Chrome usando un script de contenido, donde se ejecuta cada vez que se cambia una URL y funciona bien en la mayoría de los sitios, pero en Instagram, Array.from() aparece vacío aunque la colección html muestra que hay una etiqueta presente. Sin embargo, esta matriz devuelve un formulario cuando se actualiza la página

Mi código en background.js

 const init = () => { const forms = document.getElementsByTagName("form"); const inputs = document.getElementsByTagName("input"); console.log(Array.from(forms)) } window.onload = init()

Mi manifiesto.json

 { "name": "privacy", "description": "privacy kk", "manifest_version": 3, "version": "0.1", "background": { "service_worker": "scripts/background/background.js" }, "action": { "default_popup": "popup.html" }, "content_scripts": [ { "matches": ["<all_urls>"], "js": ["scripts/content/content.js"], "css": ["styles/content.css"], "run_at": "document_idle" } ], "permissions": ["scripting", "tabs", "activeTab"], "host_permissions": ["<all_urls>"] }

Amablemente sugiérame una solución