如果你是一名Web開發者，可能經常需要查看網站頁面中的代碼，這時你會使用瀏覽器自帶的開發者工具來查看。

然而，有些網站上的HTML代碼可能是不希望被其他人輕易查看的，這時候我們就可以使用一些方法來屏蔽開發者工具中的代碼。

body{
-webkit-user-select:none; /*chrome*/
-moz-user-select:none; /*firefox*/
-ms-user-select:none; /*IE10*/
user-select:none;
}

上面這段CSS代碼可以屏蔽頁面中的文字選中，不過并不能完全屏蔽開發者工具中的代碼查看。

window.addEventListener("keydown",function(event){
if(event.keyCode==123){
event.preventDefault();
return false;
}
},false);

這段JavaScript代碼則可以屏蔽F12鍵打開開發者工具的快捷鍵，但是如果使用其他打開開發者工具的方法（如右鍵+檢查元素），還是可以查看代碼。

綜上所述，無法完全屏蔽開發者工具中的代碼，但我們還是可以通過添加混淆代碼、使用圖片替代等方式來增加代碼的難度。