Modify javascript code chrome dev tools

Question

Is it possible to modify the javascript code in chrome dev tools?

I have created this example, how can i prevent the element from being removed when dev tools are opened? https://jsfiddle.net/2nfw3rau/

var currentInnerHtml;
var element = new Image(); 
var elementWithHiddenContent = document.querySelector("#element-to-hide");
var innerHtml = elementWithHiddenContent.innerHTML;
element.__defineGetter__("id", function() { currentInnerHtml = "";});
setInterval(function() {    currentInnerHtml = innerHtml;                      console.log(element);   console.clear();                    elementWithHiddenContent.innerHTML = currentInnerHtml
}, 1000);

Answer 1

how can i prevent the element from being removed when dev tools are opened

You can't. The user is in control of their browser, not you. If they're using dev tools, they can remove the element (in any of several ways).