How to hide form code from view code inspect element browser

Question

I want to hide form code from view code inspect element browser   how can i do that    This is my code  please see below     lt div style   text-align  center   padding  300px  font-family  lato    gt       Please wait redirect page        lt br gt       lt img src  http   maps nrel gov sites all modules custom modules hydra assets images loading bar gif  border  0  gt   lt  div gt     lt form name  f1  action  payments php  method  post  gt   lt input type  hidden  name  id crad  value       gt   lt input type  hidden  name  currency code  value  USD  gt   lt input type  hidden  name  amount  value  12 99  gt   lt  form gt     lt script type  text javascript  gt  setTimeout function   f1 submit      3000    lt  script gt    Please see picture

User · Answer

This code removes the inner html of an element from the dom when the debugger is open (tested in Chrome and IE)

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);

Here #element-to-hide is the id of element you want to hide. It is a hack, but I hope it helps you.

User · Answer

There is a smart way to disable inspect element in your website  Just add the following snippet inside script tag      document  bind  contextmenu  function e     e preventDefault          Please check out this blog  The function key F12 which directly take inspect element from browser  we can also disable it  by using the following code     document  keydown function e       if e which     123          return false

User · Answer

you can not stop user from seeing our code but you can avoid it by disabling some keys  simply you can do  lt body oncontextmenu  return false  onkeydown  return false   onmousedown  return false   gt  lt  --Your body context-- gt   lt  body gt    After doing this following keys get disabled automatically  1  Ctrl   Shift   U  2  Ctrl   Shift   C  3  Ctrl   Shift   I  4  Right Click of mouse  5  F12 Key

User · Answer

You can use the following tag   lt body oncontextmenu  return false  gt  lt  -- your page body hear-- gt  lt  body gt    OR you can create your own menu when right click   https   github com swisnl jQuery-contextMenu

User · Answer

While I don t think there is a way to fully do this you can take a few measures to stop almost everyone from viewing the HTML   You can first of all try and stop the inspect menu by doing the following    I would also suggest using the method that Jonas gave of using his javascript and putting what you don t want people to see in a div with id  element-to-hide  and his given js script to furthermore stop people from inspecting   I m pretty sure that it s quite hard to get past that  But then someone can just type view-source www exapmle com and that will show them the source  So you will then probably want to encrypt the HTML I would advise using a website that gives you an extended security option   There are plenty of good websites that do this for free  eg http   www smartgb com free encrypthtml php  and use extended security which you can t usually unencrypt through HTML un encryptors   This will basically encrypt your HTML so if you view the source using the method I showed above you will just get encrypted HTML that is also extremely difficult to unencrypt if you used the extended security option   But you can view the unencrypted HTML through inspecting but we have already blocked that to a very reasonable extent

User · Answer

While I don t think there is a way to fully do this you can take a few measures to stop almost everyone from viewing the HTML   You can first of all try and stop the inspect menu by doing the following    lt body oncontextmenu  return false  onkeydown  return false   onmousedown  return false   gt    I would also suggest using the method that Jonas gave of using his javascript and putting what you don t want people to see in a div with id  element-to-hide  and his given js script to furthermore stop people from inspecting   I m pretty sure that it s quite hard to get past that  But then someone can just type view-source www exapmle com and that will show them the source  So you will then probably want to encrypt the HTML I would advise using a website that gives you an extended security option   There are plenty of good websites that do this for free  eg http   www smartgb com free encrypthtml php  and use extended security which you can t usually unencrypt through HTML un encryptors   This will basically encrypt your HTML so if you view the source using the method I showed above you will just get encrypted HTML that is also extremely difficult to unencrypt if you used the extended security option   But you can view the unencrypted HTML through inspecting but we have already blocked that to a very reasonable extent      Ok so you can t fully hide the HTML but you can do an extremely good   job at stopping people seeing it  If you think about it most people   don t care about looking at a page s HTML  some people don t even know   about inspecting and viewing the source and the people who do probably   won t be bothered or won t be able to get past theses implications  So   probably no one will see you HTML     Hope this helps

User · Answer

You simply can t   Code inspectors are designed for debugging HTML and Javascript  They do so by showing the live DOM object of the web page  That means it reveals HTML code of everything you see on the page  even if they re generated by Javascript  Some inspectors even shows the code inside iframes   How about some javascript to disable keyboard   mouse interaction     There are some javascript tricks to disable some keyboard  mouse interaction on the page  But there always are work around to those tricks  For instance  you can use the browser top menu to enable DOM inspector without a problem   Try theses    Firefox      Tools   Web Developer   Inspector Chrome      More Tools   Developer Tools   Elements   They are outside the control of Javascripts   Big Picture  Think about this    Everything on a web page is rendered by the browser  so they are of a lower abstraction level than your Javascripts  They are  guarding all the doors and holding all the keys   Browsers want web sites to properly work on them or their users would despise them  As a result  browsers want to expose the lower level ticks of everything to the web developers with tools like code inspectors    Basically  browsers are god to your Javascript  And they want to grant the web developer super power with code inspectors  Even if your trick works for a while  the browsers would want to undo it in the future   You re waging war against god and you re doomed to fail   Consulsion  To put it simple  if you do not want people to get something in their browser  you should never send it to their browser in the first place

User · Answer

if someones is interested you can delete the form node from the DOM after the submission and it won t be there using the inspector    https   developer mozilla org en-US docs Web API ChildNode remove

User · Answer

While I don t think there is a way to fully do this you can take a few measures to stop almost everyone from viewing the HTML   You can first of all try and stop the inspect menu by doing the following    I would also suggest using the method that Jonas gave of using his javascript and putting what you don t want people to see in a div with id  element-to-hide  and his given js script to furthermore stop people from inspecting   I m pretty sure that it s quite hard to get past that  But then someone can just type view-source  This will basically encrypt your HTML so if you view the source using the method I showed above you will just get encrypted HTML that is also extremely difficult to unencrypt if you used the extended security option   But you can view the unencrypted HTML through inspecting but we have already blocked that to a very reasonable extent

User · Answer

You can use this code - Block Right Click -  lt body oncontextmenu  quot return false  quot  gt   Block Keys - You should use this on the upper of the body tag   use in the head tag   lt script gt       document onkeydown   function  e            if  event keyCode    123                return false                    if  e ctrlKey  amp  amp  e shiftKey  amp  amp   e keyCode     I  charCodeAt 0     e keyCode     i  charCodeAt 0                  return false                    if  e ctrlKey  amp  amp  e shiftKey  amp  amp   e keyCode     C  charCodeAt 0     e keyCode     c  charCodeAt 0                  return false                    if  e ctrlKey  amp  amp  e shiftKey  amp  amp   e keyCode     J  charCodeAt 0     e keyCode     j  charCodeAt 0                  return false                    if  e ctrlKey  amp  amp   e keyCode     U  charCodeAt 0     e keyCode     u  charCodeAt 0                  return false                    if  e ctrlKey  amp  amp   e keyCode     S  charCodeAt 0     e keyCode     s  charCodeAt 0                  return false                   lt  script gt

User · Answer

x000D   x000D   lt script gt  x000D  document onkeydown   function e    x000D  if event keyCode    123    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e keyCode     E  charCodeAt 0    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e shiftKey  amp  amp  e keyCode     I  charCodeAt 0    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e shiftKey  amp  amp  e keyCode     J  charCodeAt 0    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e keyCode     U  charCodeAt 0    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e keyCode     S  charCodeAt 0    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e keyCode     H  charCodeAt 0    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e keyCode     A  charCodeAt 0    x000D  return false  x000D    x000D  if e ctrlKey  amp  amp  e keyCode     E  charCodeAt 0    x000D  return false  x000D    x000D    x000D   lt  script gt  x000D   x000D   x000D    Try this code

User · Answer

Below JavaScript code worked for me to disable inspect element       Disable inspect element   document  bind  contextmenu  function e     e preventDefault          document  keydown function e       if e which     123          return false

User · Answer

You can add this script to make a error when user inpect  D  Try this code    x000D   x000D   lt script type  text javascript  gt  x000D  eval function p a c k e d  e function c  return c toString 36   if     replace     String   while c--  d c toString a   k c   c toString a  k  function e  return d e    e function   return   w    c 1  while c--  if k c   p p replace new RegExp    b  e c     b   g   k c    return p    3    3 a   8  3 b 2  7        2 2   6   1  2 5   0   3      9   4      c 4 b   2    0  d e  g a f             17 17    i function debugger 20 length if try constructor   else catch  5000 setTimeout  split      0      x000D   lt  script gt  x000D   x000D   x000D    From http   www bloggerku com 2017 08 memasang-anti-inspect html

[javascript] How to hide form code from view code/inspect element browser?

Examples related to javascript

Examples related to php

Examples related to jquery

Examples related to forms