Estoy testeado una página que tiene unos 50 campos de solo lectura, cada uno muestra valores que vienen de una base de datos. La página funciona bien, cuando se hace un cambio en ese campo (en la base de datos) la página muestra el cambio correctamente.
El problema es:
Para ver como se refleja el cambio debo refrescar toda la página (f5) y esto toma mucho tiempo recargando toda la página desde cero. Necesito una forma de usar la consola de Chrome para refrescar solo ese elemento HTML (el que contiene el campo que estoy probando) y agilizar la prueba. Son demasiados valores los que tengo que probar :/
Por ejemplo, sé que puedo dar órdenes al navegador desde la consola como las siguientes:
document.getElementById("combo-1123-trigger-picker").click();
document.getElementById("combo-1123-trigger-picker").remove();
Y esas funcionan. Pero, si intento con algo como:
document.getElementById("combo-1123-trigger-picker").reload();
ó algo como:
document.getElementById("combo-1123-trigger-picker").refresh();
...no funciona.
¿Existe alguna forma de actualizar solo ese elemento HTML desde la consola de Chrome o desde el Devtool en general?