Contexto : desarrollo de extensiones de Chrome

Objetivo : acceder a los elementos DOM cuando la página se haya cargado por completo. La página a la que estoy accediendo es pesada y necesito acceder al DOM cuando todo se haya cargado.

Lo que he hecho hasta ahora

Establecí la propiedad run_at dentro de mi manifest.json en document_idle . Sin embargo, esto no funciona ya que el script devuelve un error de que no puede encontrar el elemento en cuestión.

manifiesto.json

 "content_scripts": [ { "js": ["contentScript.js"], "run_at": "document_idle" }

Lo único que parece funcionar es lo siguiente

contentScript.js

 setTimeout(() => { const recordNameEl = document.querySelectorAll('[data="sectionId"]'); const recordNameString = recordNameEl[1].textContent; const nameArray = recordNameString.split(' '); console.log(nameArray[0]); }, 5000);

La solución anterior se siente hacky. ¿Cuál es la mejor solución para que mi script se ejecute cuando la página se haya cargado por completo?