HTML 웹 페이지의 소스 코드를 숨기는 방법은 무엇입니까?



초보 개발자는 방문자를 제한하여 웹페이지의 HTML 코드를 숨길 수 있다고 생각했지만 그렇지 않습니다.



방문자가 검사 요소에서 HTML 코드를 보거나 스크랩하도록 제한하려는 경우 다음과 같은 몇 가지 기술이 있습니다.

You can disable Ctrl and F12 keys using javascript



F12. Chrome의 개발자 도구를 엽니다. F12 도구는 웹 페이지 소스 코드 및 동작을 보는 데 사용할 수 있는 도구 세트를 제공합니다.

Ctrl 키는 주로 웹의 소스 코드를 보기 위해 다른 키와 조합하여 사용됩니다.

예를 들어:

Ctrl + S: It is used to save a whole web page.

Ctrl + U: It is used to open source code of web in new tab.



스크립트 태그에서 이 코드를 사용하여 이 변경 사항을 적용할 수 있습니다.

 document.addEventListener("keydown", function (event){

  if (event.ctrlKey){

     event.preventDefault();

  }

  if(event.keyCode == 123){

     event.preventDefault();

  }

})

You can disable mouse right click using javascript



웹 페이지를 마우스 오른쪽 버튼으로 클릭하면 웹의 소스 코드를 보고 검사할 수 있는 옵션이 제공됩니다.

스크립트 태그에서 이 코드를 사용하여 이 변경 사항을 적용할 수 있습니다.

  document.addEventListener('contextmenu', 

     event => event.preventDefault() 

  )

Is it enough?



이 두 가지 기술은 기술 지식이 없는 방문객이나 컴퓨터 과학 분야에 갓 입문한 일부 사람들에게 유용합니다.



웹 개발자(기술 전문가)는 어떻습니까?

크롬 확장, HTML 인터셉터(BURP) 또는 우편 배달부를 사용하여 웹의 소스 코드를 계속 볼 수 있습니다.



Postman에서 소스 코드 보기

THEN HOW TO HIDE?

You can't hide your HTML source code in browser anyway because your browser needs HTML code to run and view the web page.



그러나 다음은 웹 스크래핑 또는 코드 복사-붙여넣기를 최소화하는 몇 가지 다른 기술입니다.
  • REACT JS를 사용하여 소스 코드를 최소한으로 캡슐화하십시오.
  • 때때로 코드 구조를 변경하려면 서버 측 렌더링을 사용하십시오.
  • 법적 조치를 위해 저작권법을 적용하십시오.
  • SSL 인증을 활성화하여 클라이언트와 서버 측 간의 데이터를 암호화합니다.

  • Conclusion



    일부 웹사이트 코드를 숨기면 Google 크롤러가 여전히 코드를 읽을 수 있지만 No-Follow 및 No-Index와 같은 특정 부분은 크롤러에게 사이트의 색인을 생성할지 여부를 알려줍니다.

    “Hiding text or links in your content to manipulate Google’s search rankings can be seen as deceptive and is a violation of Google’s Webmaster Guidelines.”



    사용자에게는 데이터를 숨길 수 있지만 크롤러에게는 숨길 수 없지만 이제 봇이 웹사이트의 모든 소스 코드를 읽을 수 있습니다.

    소스 코드를 숨기는 것은 좋은 생각이 아니라고 생각합니다. 향후 몇 가지 SEO 문제에 직면할 수 있습니다.

    좋은 웹페이지 즐겨찾기