修改javascript代码chrome dev工具

时间:2016-04-09 15:44:10

标签: javascript google-chrome debugging google-chrome-devtools remote-debugging

是否可以修改chrome dev工具中的javascript代码?

我已创建此示例,如何在打开开发工具时阻止删除元素? 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);

1 个答案:

答案 0 :(得分:0)

  

如何在打开开发工具时阻止元素被删除

你不能。用户可以控制他们的浏览器,而不是您。如果他们使用开发工具,他们可以删除元素(以多种方式)。