Algunos antecedentes: estoy haciendo un rompecabezas, así que estoy de acuerdo con hacer algunas cosas extrañas (como deshabilitar el clic derecho) solo para obligar a los jugadores a usar otros métodos para resolverlo.
En una parte, tengo un elemento invisible y se coloca aleatoriamente en la pantalla. Funciona exactamente como yo quiero que funcione, sin embargo, todo lo que se necesita es que un jugador abra las herramientas de desarrollo y desplace el elemento en la fuente para resaltarlo y saber exactamente dónde está el elemento en la página.
Entonces, tengo curiosidad por saber si hay una manera de insertar el botón en la página, pero ¿mantenerlo fuera de la vista en las herramientas de desarrollo?
Mi función actual para insertar el elemento, en caso de que sea relevante. Me imagino que si es posible, tendré que ajustar esto de alguna manera.
function insertAfter(referenceNode, newNode) { referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); }No quiero ocultar todo el código fuente, ya que en realidad es parte del rompecabezas para buscar allí. Si no hay forma de ocultar el botón como pido, tendré que encontrar otra forma. ¡Agradezco cualquier idea!
pero mantenerlo fuera de la vista en las herramientas de desarrollo?
No, no puedes. No se puede ocultar nada en el DOM del DOM Explorer, de lo contrario no sería muy útil.
(Admito que existe el Shadow DOM, que está oculto/contraído de forma predeterminada en el árbol de nodos del DOM Explorer, pero la herramienta "Mostrar elemento seleccionado" siempre funcionará independientemente de la configuración de Shadow DOM).
Tendré que encontrar otra manera
La única "otra forma" es solicitar a sus usuarios que ejecuten Chrome con una configuración de política del sistema para deshabilitar las herramientas de desarrollo, lo cual solo es posible si:
Otra alternativa es solicitar a sus usuarios que accedan a su aplicación/cuestionario/prueba/etc. a través de una sesión de escritorio remoto/VNC/etc. que ejecuta Chrome de forma remota en una máquina que establece la política de grupo.
<canvas> .De lo contrario, siempre que sea su HTML, JS y CSS lo que ha publicado en la web pública, entonces, no , absolutamente no puede evitar que los usuarios usen sus máquinas para ver y manipular HTML, JS y CSS de la manera que quieren. Así es como funciona la World Wide Web libre y abierta .
¿Qué tal llenar la página con miles de nodos ficticios cuya posición en el DOM cambia cada segundo?